如何查找是否在多個select2中選擇了一個值？

Question

我有一個多個 select2 下拉列表，如下所示：

    <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”。

第二個問題是您出於某種原因編寫了“$('#<%=hfServices.ClientID%>').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" />