使用JQuery访问dropdownbox的数组值

时间:2012-09-20 08:20:04

标签: jquery html

<select size="6" name="operator[]" id="operator[]" size="5" multiple="">
    <option value="1" >One</option>
    <option value="2" >Two</option>
    ....
    ....
    <option value="10" >Ten</option>
</select>

我现在的问题是如何使用jquery访问下拉框的数组值?

$("#operator").val(); // Not working
$("#operator[]").val(); // Not working as well

5 个答案:

答案 0 :(得分:1)

这不是有效的idname属性,请使用以下代码:

$("#operator").find('option:selected').each(function(){
    alert(this.value);
});

演示:jsfiddle.net/VYjEM/

答案 1 :(得分:1)

$("select[name='operator[]']").val();

示例:http://jsbin.com/eqoyes/1/edit

答案 2 :(得分:0)

语法$("select").val()将为您提供所选选项的。如果您想要获取所有选项,请使用$("select > option")

另外:使用id属性中的字符[]illegal in HTML 4并且它不会为您带来任何特别的东西;你应该解决这个问题。

答案 3 :(得分:0)

您必须使用[

逃离]\\
$("#operator\\[\\]").val();

或者您可以使用$("select[id='operator[]']").val()

Demo

答案 4 :(得分:0)

首先要做的事情。我认为不允许使用数组作为元素id。话虽如此,将元素id设置为'operator'而不是'operator []'。

完成后,您可以通过多种方式获得选项:

  1. 使用元素dom id:

    $('#operator option');
    
  2. 使用元素dom类型:

    $('select option');
    
  3. 同时使用(推荐):

    $('select#operator option');
    
  4. 有关jQuery支持的选择器的更多信息,请访问the official website