如何解决如何从select元素中获取选定选项的文本?
| 编辑:HTML和js下面是一个简化的版本。查看我文章底部的jsfiddle链接,以完整展示我的问题。 我有一个选择HTML元素:<select name=\"foo\" id=\"foo\">
<option value=\"1\">a</option>
<option value=\"2\">b</option>
<option value=\"3\">c</option>
</select>
我想用jQuery获取选定选项的标签。但是,这是:
alert($(\"#foo option:selected\").text());
返回值:
a
b
c
我想得到公正,例如:
b
jsfiddle:http://jsfiddle.net/8KcYY/1/(单击\“Vybraťznačku\”按钮)。
解决方法
这有效:
<select name=\"foo\" id=\"foo\">
<option value=\"1\">a</option>
<option value=\"2\">b</option>
<option value=\"3\">c</option>
</select>
<input type=\"button\" id=\"button\" value=\"Button\" />
$(\'#button\').click(function() {
alert($(\'#foo option:selected\').text());
});
自己尝试:http://jsfiddle.net/Nyenh/
更简单:
$(\'#foo\').change(function(){
var selected = $(this).find(\'option:selected\');
alert(selected.val() + \' \' + selected.text());
});
http://jsfiddle.net/qtRhQ/1/
, $(\"#dropdownlistID\").text();
这将显示您的“下拉列表”中的所有职位。要仅获取选定的项目,请使用:
$(\"#dropdownlistID\").val();
或者尝试像
$(\"#foo\").find(\":selected\").text()
代替
$(\"#foo option:selected\").text()
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。