怎么简化!!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function test(Names){
var Name
for (var i=1;i<4;i++){
var tempname="mune_x"+i
var NewsHot="x"+i
if (Names==tempname){
Nnews=document.getElementById(NewsHot)
Nnews.style.display='';
}else{
Nnews=document.getElementById(NewsHot)
Nnews.style.display='none';
}
}
}
</script>
</head>
<body>
<form>
<select size="1" name="D1" onChange="javascript:test('mune_x'+this.value)">
<option value="1">密保手机</option>
<option value="2">密保邮箱</option>
<option value="3">密保问题</option>
</select>
<input id="x1" type="text" placeholder="请输入密保手机">
<input id="x2" style="display:none" type="text" placeholder="请输入密保邮箱">
<input id="x3" style="display:none" type="text" placeholder="请选择密保问题">
</form>
</body>
</html>
慕圣1121953浏览 1634回答 2
2回答
-
qq_冲哥_0
直接用一个input， 根据前面的选择不同，修改它的placehoulder 属性。option 有三个不同的value 值，直接测试value 属性就可以， select.value 就是返回value 属性值。不用循环， value 是1的时候是一个值， 是2的时候是一个值， if else 可以。<body> <form action="#"> <select size="1" id="D1" onChange="test(this.value)"> <option value="1">密保手机</option> <option value="2">密保邮箱</option> <option value="3">密保问题</option> </select> <input id="input1" type="text" placeholder="请输入密保手机"> </form> <script> var select =document.getElementById('D1'); select.onchange = function(){ test(select.value) } function test(value){ var Nnews=document.getElementById('input1'); if (value ==1) { Nnews.placeholder ='请输入密保手机'; } else if(value ==2){ Nnews.placeholder ='请输入密保邮箱'; }else{ Nnews.placeholder ='请选择密保问题'; }; } </script> </body> -
qq___524
化简什么？？？
随时随地看视频慕课网APP
Html/CSS
JavaScript