Javascript 使用Jquery处理选择框值
我有多个动态值的选择框。如何处理选择框的值,请建议优化Jquery的方法 HTML:Javascript 使用Jquery处理选择框值,javascript,jquery,html,Javascript,Jquery,Html,我有多个动态值的选择框。如何处理选择框的值,请建议优化Jquery的方法 HTML: <select name="alphabet"> <option value=""></option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option&
<select name="alphabet">
<option value=""></option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
var alphabet = "B";
if (alphabet == "A") {
$('select[name^="alphabet"] option[value="A"]').attr("selected", "selected");
} else if (alphabet == "B") {
$('select[name^="alphabet"] option[value="B"]').attr("selected", "selected");
} else if (alphabet == "C") {
$('select[name^="alphabet"] option[value="C"]').attr("selected", "selected");
}
谢谢。
举个例子,如果希望jQuery更加模块化,以允许尽可能多或尽可能少的值,那么可以基于变量来实现
$(文档).ready(函数(){
var字母=‘ABCDE’;
var random=Math.round(Math.random()*5)+1;
变量字母=字母。子字符串(随机-1,随机);
$('select[name^=“alphabet”]option[value=“”+字母+”).attr(“selected”、“selected”);
});代码>
A.
B
C
D
E
在选择框中添加id(不强制要求具有name属性)
您可以使用选择框上的任何事件测试选定值,如
$('select[id=alphabet]').change(function() {
alert($('select[id=alphabet]').val());
});
上述代码将适用于单个/多个值的选择。如何处理选择框上的值,
什么?如何处理选择框的值,(我的坏)$('select[name^=“alphabet”]option[value=“'+alphabet+”)。attr(“selected”,“selected”)代码>?谢谢@PeeHaa。它起作用了。。!!
<select id="alphabet" name="alphabet">
<option value=""></option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<select id="alphabet" multiple>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
$('select[id=alphabet]').val();
$('select[id=alphabet]').change(function() {
alert($('select[id=alphabet]').val());
});