Question

我有一个html表单，在下拉列表的输入字段选择中，我想添加一些html输入字段。我正在使用append()但它实际上只是附加到div让我说我有两个选项1,2选择1一些输入字段添加到表单但是选择2输入字段选项1保持不变。我可以使用另一种方法来代替追加？我真的错过了一些非常基本的东西，谷歌搜索了很多，但在这种情况下没有帮助。

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

Answer 1

为什么不在表单中最初创建所有输入字段并执行以下操作：

$(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();
   }
});

Answer 2

在同一位置添加输入字段。并设置其css display:none;并在下拉更改值时将属性更改为display:block;。

使用jquery在选项选择的基础上添加新的表单输入字段

2 个答案: