javascript - Javascript在组合选择中隐藏表格行

Question

这是我尝试做的，当页面加载时，我有 2 个选择：交易备忘录和修正。和 2 个文本框输入日期：开始日期和结束日期。

现在，如果用户从组合选择中选择修正，我想隐藏开始日期。

任何想法？

[对不起，在这里发布我的代码]

<select name="formType" id="HiringType" >
<option value='Deal Memo'>Deal Memo</option>
<option value='Amendment'>Amendment</option>
</select>

<tr><td>Start Date: </td><td colspan=4><input type=""text"" name=s_date id=""startPicker"" size=20></td></tr>
<tr><td>End Date: </td><td colspan=4><input type=""text"" name=e_date id=""endPicker"" size=20></td></tr>

所以我想在用户选择修正时隐藏开始日期行（整行）。

Answer 1

这是演示jsfiddle

<select id="selectList">
    <option value="-1">select</option>
    <option value="1">Amendment</option>
    <option value="2">Deal Memo</option>
</select>
<br/>
<span class="startDate">startdate</span><input type="text" class="startDate"><br/>
<span class="endDate">  enddate  </span><input type="text" id="endDate">

$("#selectList").change(function(){
    var selected = $("#selectList").val();
    if (selected == '1') { $(".startDate").hide(); }
    if (selected == '2') { $(".startDate").show(); }
    //etc ...
});

希望这可以帮助。