在多选下拉列表中选择默认值

Selecting default values in multi-select dropdown

本文关键字:选择 默认值 下拉列表      更新时间:2023-09-26

多选问题:我需要在多选下拉列表中选择默认选项。在这里,我正在使用 Struts2,默认选项来自服务器。

支柱代码:

<select multiple >
    <s:iterator var="user" value="%{USERS}"> 
        <option  <s:if test="%{#approvalStep.isUserSelected(#user.userId) == true}"> selected="selected" </s:if> value="<s:property value="#user.userId"/>" > <s:property value="#user.userName"/></option>
    </s:iterator>
</select>

支柱代码的结果:

<div id="selectAndRemoveUser">
    <select multiple="">
        <option selected="selected" value="2000000002007"> aftabalamm7861111111</option>
        <option selected="selected" value="2000000003015"> aftabalam.m+12</option>
        <option selected="selected" value="2000000003011"> Aftab</option>
        <option selected="selected" value="2000000026353"> aftabalam.m+approver1</option>
    </select>
</div>

问题: 当我尝试使用 Jquery 获取所选选项时,它只返回第一个选项。如果我手动编辑选择>选项元素(我的意思是使用浏览器检查元素重写选定=选定),它工作正常。

Jquery Code:

console.log($("#selectAndRemoveUser").find('select :selected').length); // the result is 1;
if($("#selectAndRemoveUser").find('select :selected').length > 1 ) {
    alert('false');
} else {
    alert('true');
}
For multiselect dropdown, the name of the select field should be defined as array i.e add 'name[]' at the end of the name attribute.
**HTML** : 
<div id="selectAndRemoveUser">
    <select multiple="" name = "user[]">
        <option value="2000000002007"> aftabalamm7861111111</option>
        <option value="2000000003015"> aftabalam.m+12</option>
        <option value="2000000003011"> Aftab</option>
        <option value="2000000026353"> aftabalam.m+approver1</option>
    </select>
</div>
**Jquery** :
$("select")
  .change(function() {
    var str = "";
    $("select option:selected").each(function() {
      str += $(this).text() + " ";
    });
    console.log(str);
  })
  .trigger("change");