1

ドロップダウンを使用して、すべてのフィールドにデフォルト値を設定しようとしています。例: Let consider Drop down there is of three options like theme1, theme2 and theme 3 と私は適切なを持っ5 input fields.ています。five input fieldsid

を選択するtheme1と、値が適切な5入力フィールドに初期化されます (値を配列に割り当てる方法があるかどうかはわかりません)。

テーマ1の内容

input1 => "hi";
input2 => "how";
input3 =>"are";
input4 =>"you";

ドロップダウンでテーマ1を選択した場合は、配列で定義した値を追加します(実行可能な場合)テーマ2の内容

input1 => "glad";
input2 => "to";
input3 =>"meet";
input4 =>"you";

を選択するtheme2と、値が適切な5入力フィールドに初期化されます (この値はテーマ 1 とは異なります)。

$('select').on('change', function() {
    $("select option:selected").each(function () {
            $('#price').val('$' + $(this).attr('value'));
    });

});

今、私は価値を持って言及しました。しかし、配列を使用して1つのオプション(theme1)に初期化値のセットを使用してこれを行うことを提案できますか?の代わりに関数を呼び出す方法はありますか? これが私のフィドルです

4

1 に答える 1

1

ワーキングデモ

これを試して

コード

$('select').on('change', function () {
    var data = $(this).val().split(' ');
    var i = 0;
    $('input').each(function () {

        $(this).val(data[i]);
        i++;

    });
});

html

<select>
    <option>Select an item</option>
    <option value="Hello how are you">Item 1</option>
    <option value="Glad to meet you">Item 2</option>
    <option value="3">Item 3</option>
</select>
<input type="text" id="price">
<input type="text" id="another_price">
<input type="text">
<input type="text">
于 2013-09-26T08:57:48.123 に答える