Question

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

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

任何想法？

[抱歉，这里发布我的代码]

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

所以当用户选择Amendment时，我想隐藏开始日期行（整行）。

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 ...
});

希望这有帮助。

Javascript隐藏组合选择中的表格行

1 个答案: