Блог

Главная - Вопросы по программированию - Изменение выпадающего списка

Изменение выпадающего списка

#jquery #css #jquery-selectors

#jquery #css #jquery-селекторы

Вопрос:

Как мне создать выпадающий список селектора? При выборе я бы хотел, чтобы он выбирал css для элемента.

Спасибо, Крис

Комментарии:

1. Вам нужно будет предоставить некоторую дополнительную информацию. По крайней мере, покажите нам разметку вашего select элемента (и, в идеале, его родительского form элемента). Если бы вы могли объяснить, что вы хотите, чтобы происходило при выборе option из select , это также помогло бы. Не могли бы вы предоставить демонстрационную версию JS Fiddle ? И, что не менее важно, что вы подразумеваете под «при выборе он выберет css для выбранного элемента»?

2. jsfiddle.net/chrismhodges/GmjAL

3. Кроме того, в опции выбора я хотел бы выбрать css для каждого отдельного элемента, вы понимаете, что я имею в виду?>

4.Ваш JS Fiddle отображает два select элемента. Если я выберу (из ‘event’) ‘Yellow Truck-Пикапы’ и (из ‘driver’) ‘Tommy’, что должно произойти? Как эти варианты связаны с ‘css’?

5. Ну, драйвер — это всего лишь базовый ввод, но для yellow truck selector нужно будет выбрать css, назначенный для него.

Ответ №1:

На самом деле это не так уж и сложно. Приведенный ниже пример изменил бы текст на элементе с id=itemtochange на красный, если было выбрано значение 1, иначе он изменился бы на синий. Существует миллион различных вариантов этого, но вы понимаете картину.

Ваше поле выбора:

 <select id="selectbox">
  <option value="value1">Val 1</option>
  <option value="value2">Val 2</option>
 </select>

И Jquery:

 `<script type="text/javascript">
   $('#selectbox').change(function() {
      if $('#selectbox').val() == 'value1' {
        $('#itemtochange').css("color","red");
      } else {
        $('#itemtochange').css("color","blue");
      }
   });
 </script>`

Комментарии:

1. Будет ли это взаимодействовать с arshaws fullcalendar? Я полностью настроил и реализовал его, за исключением базы данных и нескольких ошибок.

2. @chris, Dom — это Dom, независимо от того, что с ним взаимодействует. Как и во всех функциях jQuery, определите элемент, который вы хотите настроить, найдите правильный селектор и выполните настройку. Если вы хотите написать конкретный код, мы можем обсудить стоимость моих консультаций….

3. Также нужно ли использовать else, что делать, если у вас есть около 10 разных вариантов выбора?

4. Нет, я благодарю вас за помощь, мистер Питерсон, но я просто искал базовую помощь, я довольно хорош в исправлении, как только нахожу правильный путь.

5. я думаю, что я это исправил, я просто поставил запятую после («color», «red), если $ (‘#selectbox’).val() == ‘value2’ { $ (‘#itemtochange’).css («color», «blue»); я думаю, что это правильно