Javascript 使用Jquery处理选择框值

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&

我有多个动态值的选择框。如何处理选择框的值,请建议优化Jquery的方法

HTML:

  <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());
 });