3

<input type="text">タグ間の特定のオプションが選択されているときにan を追加し、<select></select>別のオプションが選択されている場合は、jQuery を使用してそのテキスト フィールドを削除するにはどうすればよいですか?

4

3 に答える 3

3

changeイベントを利用する必要があります。次に、入力を作成する値を比較して、bodyまたは他の要素に追加できます。

実際の例: http://jsfiddle.net/MKPdb/

id を使用して、次のようなリストを作成mylistします。たとえば、次のようになります。

<select id="mylist">
 ...
</select>

これを使用できます：

$('#mylist').change(function(){
    if( $(this).val() == '1'){
        $('body').append('<input id="myInput" type="text" />');
    }else{
        $('#myInput').remove();
    }
});

実際の例: http://jsfiddle.net/MKPdb/

于 2013-07-02T08:47:55.173 に答える
2

a の値を取得するに<select>は、 メソッドを使用し.val()ます。要素を追加/削除するには、いくつかのオプションがあります。それらの例の1つを示します。

$('<input type="text" />').appendTo('body'); // Will append this element to <body>
$('input').remove(); // Removes this item from the document
于 2013-07-02T08:46:25.417 に答える
0

表示する場合は、必要な場所に追加し、表示しないように設定してから、JQuery から取得します。

<select id="mylist">
    <option selected></option>
    <option value="1" >aaaa</option>
     <option value="2">bbb</option>
    <option value="3">ccc</option>
</select>
<input id="id" type="text" style="display:none;" />

次に、JSに

$('#mylist').change(function(){
    if( $(this).val() == '1'){
        $('#id').show();
    }else{
        $('#id').hide();
    }
});
于 2013-07-02T10:47:42.827 に答える