您的位置：首页 > Web前端 > JavaScript

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

2011-08-29 13:03 931 查看

转载自：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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript button function input

相关文章推荐

新的分享

章节导航

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

转载自：http://zhidao.baidu.com/question/51292243

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