0

JavaScript を使用して非表示の入力フィールドを追加しようとしていますが、目的の結果が得られませんでした。

ユーザーがドロップダウン リストから値を選択したときに、隠しフィールドをフォームに追加したいと考えています。ドロップダウン リストの数は、このページと他の同様のページで同じではなく、2 つより多い場合も少ない場合もあります。

ユーザーが最初のドロップダウンリストから値を選択したときにいくつかの非表示フィールドを追加したい.別のドロップダウンリストから別の値を選択した場合は、非表示フィールドを追加し、すべての非表示フィールドの値を保存したい.

例：

<select id="s1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

ユーザーが「2」を選択した場合、2 つの隠しフィールドを追加します。

<select id="s2">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

ユーザーがこの 2 番目のリストで「3」を選択した場合、3 つの隠しフィールドを追加しますが、以前に「s1」を使用して動的に追加された 2 つの隠しフィールドを保存 (保持) します。

4

2 に答える 2

1

正直なところ、あなたが何を求めているのかわかりません...しかし、HTMLの適切な構文を使用することで簡単に解決できます。

すなわち

<select id"s2">

への変更

<select id="s2">
于 2013-01-31T10:27:26.477 に答える
0

jQueryには非常に便利なchange（）関数があります。したがって、次のように書くことができます。

$(document).ready(function(){
    $("#s1").change(function(){
        var field_value = $(this).val();

        // then perhaps:
        for(i = 0; i < field_value; i++){

        }

        // or
        if(field_value == 2){
             // do something 
        }
    });
})

いくつかの使用を願っています。デュークランドにも非常に良い点があります。

于 2013-01-31T10:52:42.453 に答える