Question

我是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"/>

Answer 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" />

这是a demo。

在jQuery上添加一个类

1 个答案: