Как я могу выбрать несколько раз одну и ту же опцию в HTML выбрать в JQuery или JS? - PullRequest
0 голосов
/ 13 января 2019

Товарищи разработчики,

Я какое-то время создавал приложение, и оно было относительно полезным. Однако есть только одно ограничение, которое я не нашел, как исправить, и да, я прочитал несколько похожих проблем:

jQuery выбор опции обработчик кликов

нажмите кнопку выбора в JQuery?

имитация щелчка мышью по опции выбора с помощью jquery

jQuery имитирует событие нажатия на опцию выбора

Событие jQuery click не работает для элемента option

Включая даже другие форумы, не относящиеся к StackOverFlow, и я тысячи раз читал, что мне нужно использовать событие change из 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);
    }
});

Тем не менее, моя главная задача состоит в том, чтобы каждый мог выбрать более одного раза последний вариант, и это немного сложно, так как в этот момент им нужно выбрать сначала другой вариант и еще один последний, что, я уверен, так и есть. будет несовместимым ни с кем. Вы можете увидеть шаги на следующих изображениях:

  1. Первый вид без опции:

intro

  1. Выберите пользовательское время:

Смартфон:

optionsS

Планшет (<10 дюймов): </strong>

optionsT

Таблица (10+ in) с Выбрать2 :

optionsT10

  1. Время изменения:

custom options

  1. Выбранный параметр:

select option

Любой совет или обходной путь, как кто-то может выбрать несколько раз один и тот же вариант, не делая щелчок в другом месте? Спасибо за ваши идеи.

P.S:.

  1. Я знаю, что событие click работает только в Firefox и, поскольку это мобильное приложение для Android, оно не будет работать.
  2. Я проверил пользовательские выборки, такие как select2, но безуспешно.

1 Ответ

0 голосов
/ 13 января 2019

Это может помочь вам. Параметры могут быть заданы как параметры ввода на основе вашего пользовательского интерфейса. так что вы можете использовать сами теги ввода, которые при нажатии на выбранную опцию также вызывают событие

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...