Показать параметры - выберите с помощью jQuery

Question

Показать параметры - выберите с помощью jQuery

0

У меня есть два списка. Как, используя jquery, могу ли я показать только параметры во втором выборе с тем же значением параметра в 1-м выборе?

Например - для одежды в 1-м отборе, покажите только clothes - mens и clothes - ladies из второго списка.

<select name="cat">
    <option value="1">clothes</option>
    <option value="2">shoes</option>
    <option value="3">other</option>
</select>

а также

<select name="prod">
    <option value="1">clothes - mens</option>
    <option value="1">clothes - ladies</option>
    <option value="2">shoes - mens</option>
    <option value="2">shoes - ladies</option>
    <option value="3">other - mens</option>
    <option value="3">other - ladies</option>
</select>

mIH1 19 март 2014, в 19:14

Источник

2

Посмотрите на appelsiini.net/projects/chained, он может работать на вас
Eduardo Quintana 19 март 2014, в 18:06
1

Вы должны использовать два выбора, и условно показать правильный.
meagar♦ 19 март 2014, в 18:06
1

Это довольно уродливо, но работает jsfiddle.net/bcXLJ, но было бы лучше послушать комментарий выше ...
Nico O 19 март 2014, в 18:17
0

У вас должен быть один выбор в качестве селектора и несколько блоков выбора в качестве актеров.
lshettyl 19 март 2014, в 18:24

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

Теги:

jquery

html-select

2 ответа

Ещё вопросы

Посмотрите на appelsiini.net/projects/chained, он может работать на вас
Вы должны использовать два выбора, и условно показать правильный.
Это довольно уродливо, но работает jsfiddle.net/bcXLJ, но было бы лучше послушать комментарий выше ...
У вас должен быть один выбор в качестве селектора и несколько блоков выбора в качестве актеров.

Huangism · Answer 1 · 2014-03-19T16-16-00.000Z

2

Вы можете взглянуть на это

http://jsfiddle.net/YVtwY/

var prod = $('select[name=prod]');

$('select[name=cat]').on('change', function() {
    var self = $(this);

    // hide everything at first
    prod.find('option').hide();

    // show the selected
    prod.find('option[value='+ self.val() +']').show();

    // set the first item to be the first of the seleted
    prod.find('option[value='+ self.val() +']:first').prop('selected',true);
}).change();

Huangism 19 март 2014, в 16:16

0

Спасибо. Работа в Firefox, но не работа в Chrome. Как исправить в хроме? Пример последнего выбора 1.ligapariurilor.ro/formular-anunturi
mIH1 20 март 2014, в 09:09
0

@ mIH1 скрипка была проверена на хром и работает. Какую проблему вы видите с скрипкой на Chrome?
Huangism 20 март 2014, в 12:10
0

В данный момент у меня есть следующий код: jsfiddle.net/wP5xS ... Демонстрация для последнего выбора в форме 1.ligapariurilor.ro/formular-anunturi ... в Firefox работают принципиально и в Chrome не показывать вариант для второго выбора, все это установить дисплей: нет.
mIH1 20 март 2014, в 12:18
0

@ mIH1 Ваша скрипка работает так, как она закодирована, у вас в скрипте PHP, который НЕ работает в скрипте. Единственное значение, которое вы имеете в выборе, это первое со значением = 0, и поэтому другой выбор скрыт, потому что в вашем коде он определяет, является ли выбор 0, а затем скрывает другой выпадающий список.
Huangism 20 март 2014, в 12:27
0

Не работает в скрипке, но я покажу вам мой сайт 1.ligapariurilor.ro/formular-anunturi, где вы можете увидеть, что не отображается в Chrome 2-й вариант, а в Firefox это работа.
mIH1 20 март 2014, в 12:32
0

@ mIH1 на вашем сайте есть такие строки, как localitate.find ("option [name = '" + self + "']") и var self = jQuery (this) .attr ("name"); где параметры, которые у вас есть, НЕ имеют никакого атрибута имени. Имя, которое вы устанавливаете для себя, также является именем выбранного (judet). Конечно, это не сработает. Способ установки вашего обработчика отличается от заданного вопроса. Я ответил на ваш вопрос, если у вас другой вопрос, вы должны опубликовать другой. По какой-то причине ваш второй выбор не имеет соответствующих значений в качестве первого выбора
Huangism 20 март 2014, в 12:41
0

У меня нет localitate.find ("option [name = '" + self + "']") и var self = jQuery (this) .attr ("name") ;. Пожалуйста, обновите страницу.
mIH1 20 март 2014, в 12:52
0

Ваш код не работает, потому что в #localitate select все значения параметров равны 1, за исключением первого, равного 0.
Huangism 20 март 2014, в 12:56

Показать ещё 6 комментариев

Soumyajit Chatterjee · Answer 2 · 2014-03-19T15-48-00.000Z

Попробуй это. Надеюсь, это сработает.

<script>
function find(value)
{
   if(value=="1")
   {
      $("select[name=prod]").html("<option>clothes-men</option><option>clothes-women</option>");
  }
}
</script>

<select name="cat" onchange="find(this.value)">
<option value="1">clothes</option>
<option value="2">shoes</option>
<option value="3">other</option>
</select>


<select name="prod">
</select>

Аналогичным образом напишите код для двух других значений "2" и "3". Этот код динамически генерирует значения второго раскрывающегося списка на основе значений из первого выпадающего списка.