在JavaScript中如何提取下拉框中的值?
2个回答
展开全部
JavaScript中可以用for循环提取下拉框中的值,关键代码如下:
obj = document.getElementById("select_id"); // 获取select对象
str = "";
for(i=0;i<obj.options.length;i++){ // obj.options.length表示下拉选项数目
str += obj.options[i].text; // obj.options[i].text表示第i+1个下拉项目的文本
}
下面进行实例演示:
1、Html结构
<select id="test">
<option value="1">刘备</option>
<option value="2">关羽</option>
<option value="3">张飞</option>
</select><br>
<input type='button' value='获取select所有选项' onclick="fun()"/>
2、jquery代码
function fun(){
obj = document.getElementById("test");
str = "";
for(i=0;i<obj.options.length;i++){
str += obj.options[i].text;
}
alert(str);
}
3、观察效果
展开全部
<select name="selName" id="sel1">
<option value="1">1111</option>
<option value="2">2222<option>
<option value="3">3333</option>
</select>
取值用document.getElementById("sel1").value
<option value="1">1111</option>
<option value="2">2222<option>
<option value="3">3333</option>
</select>
取值用document.getElementById("sel1").value
追问
不好意思,你能不能说详细点,因为我要提取的是下拉框里面的值,比如你的代码里面的111或222.谢了哈!!!
追答
var sel_obj = document.getElementById("sel1");
var index = sel_obj.selectedIndex;
alert(sel_obj.options[index].value);
alert(sel_obj.options[index].text);
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询