php - 输入表单的附加输入集 - 隐藏额外字段，直到选择第一个字段

Question

我有一个关于附加一组输入字段的问题，其中一些字段默认禁用，直到第一个字段得到回答。这是我附加字段的代码。

    var count = 0;
    $(function(){
    $('a#add_field').click(function(){
    count += 1;
    $('#row-fluid').append(

    '<div class="span1">'
    +'<label>Type</label>'
    +'<select id="upg' + count + '" name="upg' + count + '"  class="input-small" >'
    +'<option value="" selected="&nbsp;" >&nbsp;</option>'
    +'<option value="Exp" >Exp</option>'
    +'<option value="Post" >Post</option>'
    +'<option value="Upgrade" >Upg</option>'
    +'<option value="Retail" >Retail</option>'
    +'</select>'
    +'</div>'

    +'<div id="upgDate" class="span2">'
    +'<label>Full Date</label>'
    +'<input name="upg_date' + count + '" id="upg_date' + count + '" type="text" id="upg_date" placeholder="YYYY-MM-DD" class="input-small" />'
    +'</div>'

    );
    });
    });

基本上，输入“完整日期”默认情况下应隐藏，并且仅在所选“类型”为 EXP 且此条件应存在于所有附加输入集时才会出现。谢谢你，我希望有人可以指导我。

Answer 1

试试这个：

$("#upg").change(function(){
    if ($("#upg").val() == "EXP") {
       $('#upg_date').show();
    } else {
       $('#upg_date').hide();
    }
});