用js怎样获得下拉框的值?

用js怎样获得下拉框的值?,第1张

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6768406.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-28
下一篇 2023-03-28

发表评论

登录后才能评论

评论列表(0条)

保存