Php 输入表单的附加输入集-在选择第一个字段之前隐藏额外字段

我有一个问题，就是在第一个字段被回答之前，在一组输入字段中添加一些默认禁用的字段。下面是我附加字段的代码

    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>'

    );
    });
    });

var计数=0；
$（函数（）{
$（'a#添加_字段'）。单击（函数（）{
计数+=1；
$（“#行流体”）。追加(
''
+“类型”
+''
+' '
+“Exp”
+“职位”
+“Upg”
+“零售”
+''
+''
+''
+“完整日期”
+''
+''
);
});
});

基本上，默认情况下，输入“完整日期”应隐藏，并且仅当所选“类型”为EXP且所有附加输入集上都应存在此条件时才显示。谢谢你，我希望有人能在这方面指导我。

试试这个：

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

---

检查此项：@Vucko感谢您的回复。你给我的链接很接近，区别在于我希望字段“完整日期”被隐藏，直到且仅当类型为“Exp”时。在我学习附加字段集之前，我让表单静态显示其中的5个字段集，并且我在div元素上使用onload=hide和getElementByID（）.style.display=block/none，具体取决于type by onchange的值。但是现在由于我所有的div id名称都是相同的，我不知道如何触发隐藏每个集合的完整日期而不影响其他集合。谢谢你的回复。这很好，唯一的一件事是第二盘，如果我把upg换成其他东西，它会影响第一盘的upgdate。我是否像这样更改脚本：“$”（“#upg'+count+”））。更改（函数（）{if（$（“#upg'+count+”））。val（）=“EXP”）{$（'#upg_date'）。show（）；}否则{$（'#upg_date'）。hide（）}如果您有更多的标记，而不仅仅是使用它们的ID，并将它们添加到代码中，如：$（“#upg，#upg1，#upg2”。更改（函数（）{…谢谢你的回复。不知什么原因，它停止工作了。嗯…让我弄清楚我改变了什么，我会回复你的。只是不想让你认为在你给我一些想法后我突然消失了。如果你遇到了truble，请在这里寻求帮助。如果你能检查我的答案是否正确，我将不胜感激。谢谢。对不起，我知道了d要取消选中答案，Vucko的建议对我来说不太合适，因为我不确定用户会单击append按钮多少次，只需执行

$（“#upg，#upg1，#upg2.”更改（函数（）{.

作为最后一个建议，我更改了其中一个upg下拉列表，它也会影响其他upg_日期。是否可以使用追加来追加？