如何查找是否在多个select2中选择了一个值？

Question

我有一个多选 2 下拉菜单，如下所示：

    <select id="ddlServices" class="js-basic-multiple select2-hidden-accessible" multiple="" style="width: 100%" tabindex="-1" aria-hidden="true">
           <option vlaue='1'>one</option>
           <option vlaue='2'>two</option>
           <option vlaue='3'>three</option>
           <option vlaue='4'>four</option>
    </select>
<asp:HiddenField ID="hfServices" runat="server" />

我有一个隐藏字段来保存下拉更改事件中的 select2 选定值。
如果用户在下拉列表的单选或多选中选择选项 3，我想显示警报。我尝试如下所示。

<script>
    $('#ddlServices').on('change', function () {
        $('#<%=hfServices.ClientID%>').val($(this).val());
        var other = $('#<%=hfServices.ClientID%>').val($(this).val());
        if (other.search('3')) {
            alert('somthing');
        }           
    });
</script>

但我的代码总是显示警报。如果用户在多选或下拉列表中的一个选定值中选择了值3，如何显示警报。

Answer 1

你这里有几个问题，第一个是你在html代码上写了“vlaue”而不是“value”。

第二个问题是你出于某种原因写了“$('#').val”。

你可以把你的js改成这个代码：

$('#ddlServices').on('change', function () {
    if ($(this).val()[0] == '3') {
        alert("somthing");
  }           
});

和 html 到这个：

<select id="ddlServices" class="js-basic-multiple select2-hidden-accessible" multiple="" style="width: 100%" tabindex="-1" aria-hidden="true">
       <option value='1'>one</option>
       <option value='2'>two</option>
       <option value='3'>three</option>
       <option value='4'>four</option>
</select>
<asp:HiddenField ID="hfServices" runat="server" />