1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。
2、要运行后网页界面如此显示下拉框。
3、接下来我们按照图示代码用js来获取被选中的值。
4、首先我们通过selectedIndex来获得被选中的下标,再通过下标来获得值。
5、当然,如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。
比如有一个下拉框定义如下:<asp:dropdownlist id="ddlBusCode" runat="server"></asp:dropdownlist>
那么可以利用以下方法来获取值:
方法一:
var ddl = document.getElementById("ddlBusCode")
var index = ddl.seletedIndex
var Value = ddl.options[index].value
var Text = ddl.options[index].text
方法二:
var aaa=ddlBusCode.options[this.selectedIndex].value
需要先用ajax的方式获取数据库的记录 作为数组 然后 将数组内容加入的下拉框中作为选项
<head><meta charset="utf-8">
<title>无标题文档</title>
<script src="http://code.jquery.com/jquery-1.4.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(funxtion{
vat list1=$("#test")//获取list对象
$.get("demo_ajax_load.txt", function(result){ //获取后台数据库记录
for(var i=0,len=result.row.lengthi<result.rowi++){ // result为返回的json对象row为包含选项的数组
var o=new Option(result.row[i].text,result.row[i].value)
list1.appendChild(o)
}
},"json")
})
</script>
</head>
<body>
<select id="test">
<option>1</option>
</select>
</body>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)