Javascript 获取jQuery不起作用的select元素中的所有选项

我试图得到一个字符串列表，其中包含 这是我的html：

  <label>Select Roles</label>
    <span id="dualselect" class="dualselect">
        <select name="RolesSelect" id="dualSelectRoles1" multiple="multiple" size="10">
            <option value="">Avaliable Roles</option>
        </select>

        <span class="ds_arrow">
            <span class="arrow ds_prev">&laquo;</span>
            <span class="arrow ds_next">&raquo;</span>
        </span>

        <select name="select4" multiple="multiple" id="dualSelectRoles2" size="10">
            <option value="12">Users Roles</option>
        </select>
    </span>

选择角色
可用角色
&拉阔；
&拉阔；
用户角色

这是我的JS：

   <script>
function submitForm() {
    var arr = new Array;
    $("#dualSelectRoles2").each(function () {
        arr.push($(this).val());
    });
    alert(arr);
}
</script>

函数submitForm（）{
var-arr=新数组；
$（“#dualSelectRoles2”）。每个（函数（）{
arr.push（$（this.val（））；
});
警报（arr）；
}

---

“我的警报”没有显示任何内容？

您需要在“选择”中找到选项元素，然后使用

应该是：

  var arr = new Array;
$("#dualSelectRoles2 option").each(function () {
    arr.push($(this).val());
      alert(arr);
});

演示：

您需要通过每个选项运行循环

 var arr = new Array;
    $("#dualSelectRoles2 option").each(function () {
        arr.push(this.value);
    });
    alert(arr);

---

您需要引用选项元素，然后对其进行迭代：

var arr = new Array;
$("#dualSelectRoles2 option").each(function () {
    arr.push(this.value);
});
alert(arr);

此外，您还可以将

$（this.val（）

替换为

this.value

。这里不需要jQuery对象

var arr = new Array;
$("#dualSelectRoles2 option").each(function () {
    arr.push(this.value);
});
alert(arr);