Событие, которое слушает ЛЮБОЙ выпадающий список?

Question

Событие, которое слушает ЛЮБОЙ выпадающий список?

0

У меня есть MULTIPLE divs, где каждый div состоит из текста, а затем выпадающего списка, за которым следует текстовое поле, например:

<div>
Punch <select>
         <option>Hawaiin Punch</option>
         <option>Vodka</option>
     <select/>
     <input type="text" id="textfield_2"></input>
</div>

Мой полный пример: http://jsfiddle.net/HsF2Y/3/

Выполните следующие действия:

Введите "лимоны" в текстовое поле.
Выберите "Водка" из выпадающего меню; он добавляется к "лимонам". Введите "," после него.
Еще раз выберите "Водка"; текст остается тем же.

Я хочу слушать событие, отличное от "изменения", так что шаг 3 вызывает добавление "Водки" снова. Итак, после всех трех шагов мое текстовое поле должно показать текст: "лимоны, водка, водка". Может кто-нибудь исправить код на скрипке, пожалуйста? Благодарю.

HukeLau_DABA 01 дек. 2013, в 17:37

Источник

0

Вы не можете, событие изменения срабатывает только тогда, когда выбор фактически изменяется, повторное выделение того же значения не вызывает событие, и нет других событий, которые бы работали так же. Самое близкое, что вы получите - это «щелчок», но он будет срабатывать каждый раз, когда вы нажимаете кнопку выбора, и опции не запускают события, так что это не так.
adeneo 01 дек. 2013, в 16:28
0

Как мне получить желаемое поведение тогда?
HukeLau_DABA 01 дек. 2013, в 16:30
0

Вы нет! Вы должны использовать что-то кроме выбора, чтобы сделать это.
adeneo 01 дек. 2013, в 16:30
0

ну, вы можете сбросить свой выпадающий список, чтобы сказать «пожалуйста, выберите», после того, как кто-то напечатает «,», чтобы вы могли снова поймать событие изменения и добавить текст в шаге 3. В качестве альтернативы вы можете добавить кнопку вместо того, чтобы пользователь вводил «,», чтобы вызвать это поведение.
japrescott 01 дек. 2013, в 16:35
0

Как указано выше, поскольку нет изменений, он не добавит вторую «строку» с тем же значением. Вы можете довольно легко добавить количественное значение, которое в зависимости от его значения просто добавит строку n раз.
Pippin 01 дек. 2013, в 16:36

Показать ещё 3 комментария

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Вы не можете, событие изменения срабатывает только тогда, когда выбор фактически изменяется, повторное выделение того же значения не вызывает событие, и нет других событий, которые бы работали так же. Самое близкое, что вы получите - это «щелчок», но он будет срабатывать каждый раз, когда вы нажимаете кнопку выбора, и опции не запускают события, так что это не так.
Как мне получить желаемое поведение тогда?
Вы нет! Вы должны использовать что-то кроме выбора, чтобы сделать это.
ну, вы можете сбросить свой выпадающий список, чтобы сказать «пожалуйста, выберите», после того, как кто-то напечатает «,», чтобы вы могли снова поймать событие изменения и добавить текст в шаге 3. В качестве альтернативы вы можете добавить кнопку вместо того, чтобы пользователь вводил «,», чтобы вызвать это поведение.
Как указано выше, поскольку нет изменений, он не добавит вторую «строку» с тем же значением. Вы можете довольно легко добавить количественное значение, которое в зависимости от его значения просто добавит строку n раз.

charlietfl · Answer 1 · 2013-12-01T16-00-00.000Z

Если вы добавите пустой параметр для каждого выбора, вы можете сделать что-то вроде этого:

$("select.choices").change(function () {
    if (this.value) {
        $(this).next().trigger('doUpdate', [this.value]);
        /* reset after selections updated*/
        this.value = "";
    }
});

$('.selections').each(function () { /* loop each so data array unique*/
    $(this).data('selections', []).on('doUpdate', function (evt, newVal) {
        var data = $(this).data('selections')
        data.push(newVal)
        this.value= data.join();
    }).change(function(){
         /* for manually added store new array*/
        var arr= $.trim(this.value).split(',');
         $(this).data('selections',arr)
    });
});

DEMO

MarcoL · Answer 2 · 2013-12-01T14-25-00.000Z

Вы пытались с click вместо change?