javaScript 实现一个 下拉列表选择 的函数

本文介绍了一个简单的JavaScript程序,用于实现网页上输入框数值与选择器选项间的联动效果。当用户在输入框中输入1到3之间的数字时,相应的选择器选项会被自动选中。
转载自:http://zhidao.baidu.com/question/51292243
实现代码如下:
<html>
<head>
</head>
<script language="javascript">
var x=1; 
function changeSelect()
{
 x=document.getElementById("x_value").value;        //得到文本框中输入的x的值
 if(x>3||x<1) {alert("请输入1-3中的数字!");return;}  //简单的判断x的输入值
 var selectObj=document.getElementById("selectID");    //得到列表框对象
 for(var i=0;i<selectObj.options.length;i++)          //循环判断列表项中的值是否与x值相等,若相等则令其被选中
 {
  if(selectObj.options[i].value==x) selectObj.options[i].selected="selected";
 }
}
</script>
<body>
<select name="sel" id="selectID"> 
<option value="1">a</option> 
<option value="2">b</option> 
<option value="3">c</option> 
</select> 
<br>
请输入x的值:<input id="x_value" /><input type="button" onclick="changeSelect()" value="确定"/>
</body>
</html> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值