如何获取html下拉菜单中被选中的项的值?

html-css010

如何获取html下拉菜单中被选中的项的值?,第1张

var obj = document.getElementById("DropDownListID")

obj.options[obj.selectedIndex].value

就是你所选择的值。

该问题还有一种方法如下:

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

this.Label1.Text=DropDownList1.SelectedValue.ToString()

}

把DropDownList1的AutoPostBack的属性改为true。

jquery 获取select多选下拉框所有选项的值可以如下实现var all = ""

$("select option").each(function() {

all += $(this).attr("value")+" "

})

而值获取被选中的值可用如下代码实现

$("select").val()

下面给出实例代码:

创建Html元素:一个多选列表和一个按钮

<select id="multi-sel" multiple="multiple">

<option value="1">萝卜,我的value是1</option>

<option value="2">青菜,我的value是2</option>

<option value="3">小葱,我的value是3</option>

<option value="4">豆腐,我的value是4</option>

取HTML中的select中的值,首先需要的就是获取到你这个文本的元素,jquery的话一般是都过$('#元素id'),然后在通过value这个属性来获取内容就行了,具体我写代码来提现:

<html>

<head>

</head>

<script>

$(function(){

alert( $('#div1').value) //弹出获取到的网页内容

})

</script>

<body>

<select id='div1'>我是内容</select>

</body>

</html>