jQueryにクラスを追加する

私はjQueryの初心者です。私はこのような形をしている


今私は "a"をクリックすると、入力フィールドがちょうど別の場所に来るようになります

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

どんな助けや提案も非常に高い評価を受けます。

[edit] In this way more number of field can be added at a time just like this code

<input type="text" name="a"/>
<input type="text" name="c"/>
<input type="text" name="d"/>
1
name を変更する1つの input コントロール、または複数の input を追加するコントロールがあるとしますか? select から選択した値と一致する name に応じて、
追加された 著者 Curt,
ユーザーがクリックすると、<input type = "text" name = "" />のような別の<div>に入力フィールドが作成され、入力名はオプション値の名前と同じになります。
追加された 著者 NewUser,
私たちの理解を助けるためのより正確な例を与えることができますか?
追加された 著者 153,

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要素に追加します:

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

デモをご覧ください。

2
追加された