Блог

Главная - Вопросы по программированию - Добавить класс в jQuery

Добавить класс в jQuery

#jquery #html

#jquery #HTML

Вопрос:

Я новичок в jQuery. У меня есть такая форма

 <select name= "menus">
    <option value="">--Select--</option>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
    <option value="e">e</option>
</select>

Теперь мне нужно, чтобы, когда я нажму на «a», это создало поле ввода только в другом месте, где оно должно выглядеть так

 <input type="text" name="a" />

Любая помощь и предложения будут высоко оценены.

[редактировать] Таким образом, за один раз можно добавить больше полей, как в этом коде

 <input type="text" name="a"/>
<input type="text" name="c"/>
<input type="text" name="d"/>

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

1. Можете ли вы привести более точный пример, чтобы помочь нашему пониманию?

2. Вы говорите, что у вас есть 1 input элемент управления, который вы хотели бы изменить name , или несколько input элементов, из которых вы хотите добавить класс, в зависимости от name соответствия выбранному значению из select ?

3. <выберите имя =»меню»> <значение параметра =»»> —Выберите—</option> <значение параметра=»a»> a</option> <значение параметра=»b»> b</option> <значение параметра =»c»> c </option> <значение параметра =»d»> d </option> <значение параметра =»e»> e </option> </select> Существует несколько параметров, при нажатии на которые пользователь просто создаст поле ввода в другом <div>, например <тип ввода =»текст » name=»» /> где входное имя будет таким же, как имя значения параметра.

Ответ №1:

 $(function() {
    $('select[name="menus"]').change(function() {
        // fetch the selected value from the dropdown
        var value = $(this).val(); 

        // find the input element with name attribute equal to 
        // the selected value from the dropdown and add some class to it
        $('input[name="'   value   '"]').addClass('foo');
    });
});

При изменении выбора в выпадающем списке мы добавляем foo класс в соответствующий элемент ввода:

 <input type="text" name="a" class="foo" />

И вот демонстрация.

Метки: