1

ドロップダウンからの入力フィールド選択で、いくつかの html 入力フィールドを追加したい html フォームがあります。私は使用していますappend()が、実際にはdivに追加するだけで、1を選択すると2つのオプション1,2があり、いくつかの入力フィールドがフォームに追加されますが、オプション1で2つの入力フィールドを選択しても同じままです。append の代わりに使用できる別の方法は何ですか? 私は非常に基本的なものを本当に見逃しています。たくさんグーグルで検索しましたが、この場合は役に立ちません。

jQuery('#category').change(function() {
   if( $(this).val() == 1 ) {
      // input fields to add for 1
   }
   if( $(this).val() == 4 ) {
     // input fields to add for 4
   }
});
4

2 に答える 2

3

最初にすべての入力フィールドをフォームに作成して、次のことを行ってみませんか。

$(document).ready(function()
{
    $("#inputfield1").hide();
    $("#inputfield2").hide();
});

jQuery('#category').change(function() {
   if( $(this).val() == 1 ) {
      $("#inputfield1").show();
      $("#inputfield2").hide();
   }
   if( $(this).val() == 4 ) {
      $("#inputfield2").show();
      $("#inputfield1").hide();
   }
});
于 2012-08-27T12:47:23.743 に答える
0

同じ位置に入力フィールドを追加します。そしてそのcssdisplay:none;を設定し、プロパティをdisplay:block; ドロップダウンの変更値に変更します。

于 2012-08-27T12:40:10.837 に答える