在JavaScript中如何提取下拉框中的值?

 我来答
learneroner
高粉答主

2015-08-10 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6351万
展开全部

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、观察效果

梅琦莉9a
2011-04-18 · TA获得超过231个赞
知道小有建树答主
回答量:274
采纳率:100%
帮助的人:241万
展开全部
<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
追问
不好意思,你能不能说详细点,因为我要提取的是下拉框里面的值,比如你的代码里面的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);
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式