比如有一个下拉框定义如下：
<asp:dropdownlist id="ddlBusCode" runat="server"></asp:dropdownlist>
那么可以利用以下方法来获取值：
方法一：
var ddl = documentgetElementById("ddlBusCode")
var index = ddlseletedIndex;
var Value = ddloptions[index]value;
var Text = ddloptions[index]text;
方法二：
var aaa=ddlBusCodeoptions[thisselectedIndex]value;
第一步，创建静态页面selecthtml，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：
第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：
第三步，初始化select2插件，需要调用select2()方法，如下图所示：
第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：
5
第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：
6
第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：
1html代码如下：
<html>
<head>
</head>
<body>
<form name="form1" id="form1">
Select your favorite fruit:
<select id="mySelect" name="mySelect">
<option value="11">Apple</option>
<option value="22" >Orange</option>
<option value="33">Pineapple</option>
<option value="44">Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()"
value="Alert index of selected option">
</form>
</body>
</html>
2javascript代码如下：
<script type="text/javascript">
function getIndex()
{
//从document对象中，获取select标签
var a=documentgetElementById("mySelect");
//select标签获取的值其实是一个数组--aoptions[]; 然后，选定项的下标是--aselectedIndex
var b=aoptions[aselectedIndex]value;
alert(b);
}
</script>
1
右键
审查元素
，查看2个下拉框的选择器
2
js：document
getElementById
("a")value
3
jq:
$("#a")val()
以上就是关于如何用js获取下拉框dropdownlist显示的值全部的内容，包括:如何用js获取下拉框dropdownlist显示的值、如何使select2插件下拉框多选并获取选中的值、如何利用javascript获取表单中select下拉列表中所选中项的值value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）