如何在jQuery或JS中的HTML選擇中多次選擇同一選項？

Question

資深開發人員

我已經創建了一段時間的應用程序，它相對有用。 但是，只有一個限制，我沒有找到解決方法，是的，我已經閱讀了多個類似的問題：

jQuery選擇選項單擊處理程序

單擊選項通過jQuery選擇？

使用jQuery模擬鼠標單擊選擇選項

jQuery在選擇選項上模擬單擊事件

jQuery click事件不適用於選項元素

包括其他非StackOverFlow論壇在內，我已經閱讀了數千次使用jQuery更改事件的信息，並且自從我使用它以來我就知道了。 這是我的代碼：

HTML：

<select id="selectTimes">
    <option disabled="disabled">Select Speech</option>
    <option value="0">Question of the Day (30s)</option>
    <option value="1">4 to 6 min (Ice-breaker)</option>
    <option value="2">5 to 7 min (Project 2-9)</option>
    <option value="3">8 to 10 min (Project 10)</option>
    <option value="4">1 to 1:30 min (Evaluator's intro)</option>
    <option value="5">2 to 3 min (Evaluation)</option>
    <option value="6">5 to 6 min (General Evaluator)</option>
    <option value="7">1 to 2 min (Table Topics)</option>
    <option value="8">10 to 12 min</option>
    <option value="9">13 to 15 min</option>
    <option value="10">18 to 20 min</option>
    <option value="11">Custom</option>
</select>

jQuery的：

$("#selectTimes").on("change", function () {
    setLocalStorage("selected", $(this).val());
    if ($(this).val() === "11")
        $("#divCustomTime").modal();
    else {
        isCustom = false;
        setLocalStorage("isCustom", isCustom);
    }
});

但是，我的主要挑戰是，每個人都可以選擇一個以上的選項，這有點棘手，因為在這一點上，他們需要先選擇另一個選項，然后再選擇一個，最后一個選項，我敢肯定，這樣做與任何人。 您可以在以下圖像中查看步驟：

沒有選項的第一個視圖：

選擇自定義時間：

手機：

平板電腦（<10英寸）：

帶有Select2的表（10英寸以上）：

變更時間：

選擇的選項：

關於某人如何在不單擊其他位置的情況下多次選擇同一選項的任何建議或解決方法？ 感謝您的想法。

PS：

我知道click事件僅在Firefox中有效，並且由於這是適用於Android的移動應用程序，因此不會起作用。
我測試了像select2這樣的自定義選擇，但沒有成功。

Answer 1

這可能會幫助您。 這些選項可以根據您的UI作為輸入選項給出。 因此，您可以使用輸入標簽本身，它也可以在單擊所選選項時觸發事件

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js">
        </script>
        <style>
            .box
            {
                border:1px solid whitesmoke;
                padding:10px 0px;
                display:block;

            }
            </style>
    </head>
    <body>
        <div class="box">
            <input  type="radio" name="selectest" value="name1" checked> Name1 </input>
        </div>
        <div class="box">
            <input  type="radio" name="selectest" value="name2"> Name2 </input>
        </div>
        <div class="box">
            <input  type="radio" name="selectest" value="name3"> Name3 </input>
        </div>
        <div class="box">
            <input  type="radio" name="selectest" value="name4"> Name4 </input>
        </div>
    </body>
    <script>
        $("input").click(function(){
            alert($(this).val());
        });
    </script>
</html>

如何在jQuery或JS中的HTML選擇中多次選擇同一選項？

問題描述

1 個解決方案

解決方案1
1 已采納 2019-01-13 09:58:06

如何在jQuery或JS中的HTML選擇中多次選擇同一選項？

問題描述

1 個解決方案

解決方案1 1 已采納 2019-01-13 09:58:06

解決方案1
1 已采納 2019-01-13 09:58:06