Добавить опцию выбора и подтвердить ее

Question

Добавить опцию выбора и подтвердить ее

0

У меня есть трудная проблема, которую я не могу решить сам.

У меня есть динамический блок выбора с опцией, выбранной по умолчанию, например:

    <select id="product_configure_variants">
      <option value="8830685" selected="selected">nicotine</option>
      <option value="8831010">6mg nicotine</option>
      <option value="8831011">12mg nicotine</option>
     </select>

Я добавил с JQuery новый вариант поверх других, например:

$('#product_configure_variants').prepend('<option value="" disabled="disabled" selected="">Choose</option>');

Теперь html выглядит так:

    <select id="product_configure_variants">
      <option value="" selected="" disabled="disabled">Choose</option>
      <option value="8830685" selected="selected">nicotine</option>
      <option value="8831010">6mg nicotine</option>
      <option value="8831011">12mg nicotine</option>
     </select>

Я хочу заставить людей выбрать один из трех вариантов и сделать первый ("Выбрать") неизбираемым, но показан первым. Я думаю, что мне нужно проверить форму, но я не хочу использовать плагин.

Кто-нибудь знает, как это сделать?

Meules 13 дек. 2013, в 15:16

Источник

1

Попробуйте if(!$('#product_configure_variants').val()){alert('select!!!')}
Arun P Johny 13 дек. 2013, в 13:48
2

У ваших атрибутов id есть #, вы должны удалить их. <select id = "product_configure_variants">
Milanzor 13 дек. 2013, в 13:48
0

@Milanzor: Это была опечатка ... это исправлено сейчас!
Meules 13 дек. 2013, в 13:49
0

Я думаю, что это поможет вам: stackoverflow.com/questions/5426387/…
Milanzor 13 дек. 2013, в 13:56
0

Обратите внимание, что атрибут disabled уже дает вам то, что вы хотите, все, что вам нужно сделать, это удалить выбранный атрибут из других опций: jsfiddle.net/P4DHL/1
Milanzor 13 дек. 2013, в 13:58

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

Теги:

jquery

select

validation

1 ответ

Ещё вопросы

Попробуйте if(!$('#product_configure_variants').val()){alert('select!!!')}
У ваших атрибутов id есть #, вы должны удалить их. <select id = "product_configure_variants">
@Milanzor: Это была опечатка ... это исправлено сейчас!
Я думаю, что это поможет вам: stackoverflow.com/questions/5426387/…
Обратите внимание, что атрибут disabled уже дает вам то, что вы хотите, все, что вам нужно сделать, это удалить выбранный атрибут из других опций: jsfiddle.net/P4DHL/1

forsvunnet · Answer 1 · 2013-12-13T11-11-00.000Z

Вы могли бы сделать что-то вроде этого:

var option = $('<option>').text('- Chose one -');
$('#product_configure_variants').prepend(option).val('- Chose one -');

$('#my-form').submit(function(e){
    if ($('#product_configure_variants').val() == '- Chose one -') {
        e.preventDefault();
        alert('Warning! You have to select one!');
        $('#product_configure_variants').addClass('req');
    }
});

http://jsfiddle.net/9HGUp/

Хорошо, это очень помогло! Единственное, что сейчас не работает, это то, что поле выбора не изменяется на выбранную опцию и сохраняет выбранный вариант «Выбранный» ... Как это исправить в вашем коде? Я попробовал это с функцией изменения, но это не работает
Я интерпретировал ваш вопрос как то, что у вас есть система (framework / cms), что при заполнении нового элемента вы хотите, чтобы javascript запускался, и что при редактировании элемента вы не хотите, чтобы он запускался. Я прав? Если это так, то я бы порекомендовал поискать класс в DOM, который позволит вам определить, является ли элемент новым или нет. то есть: <body class = "create-new">. С этим классом у вас есть несколько вариантов. Вы можете обернуть код в простое логическое утверждение. if ($('body.create-new').length) { /* .. code here .. */ } или вы можете добавить body.create в начало ваших селекторов.