使用JQuery显示和隐藏表

时间:2013-03-06 20:16:11

标签: javascript jquery ajax

我有这个功能来显示或隐藏表

function show_ticket_type(){
if ($("#TicketType").val("select-type")){
       $("#tow_way").hide()
       $("#one_way").hide()
}
else if ($("#TicketType").val("one-way")){
       $("#tow_way").hide()
       $("#one_way").show()     
}
else{
       $("#tow_way").show()
       $("#one_way").hide()     
}

}

,表格是

<table width="100%" border="0" id="tow_way">
  <tr>
    <th width="120"> <div align="center"><strong>Airlines</strong></div></th>
    <th width="100"> <div align="center"><strong>Type</strong></div></th>    
    <th width="100"> <div align="center"><strong>From</strong></div></th>
    <th width="100"> <div align="center"><strong>To</strong></div></th>    
    <th width="80"> <div align="center"><strong>Departure</strong></div></th>
    <th width="100"> <div align="center"><strong>Returning</strong></div></th>    
  </tr>
</tbale>
<table width="100%" border="0" id="one_way">
  <tr>
    <th width="120"> <div align="center"><strong>Airlines</strong></div></th>
    <th width="100"> <div align="center"><strong>Type</strong></div></th>    
    <th width="100"> <div align="center"><strong>From</strong></div></th>
    <th width="100"> <div align="center"><strong>To</strong></div></th>    
    <th width="80"> <div align="center"><strong>Departure</strong></div></th>
  </tr>
</tbale>

这是选择值时的选择类型我们必须调用函数来隐藏或显示表

<select id="TicketType" name="TicketType" onChange="show_ticket_type()">
    <option value="select-type">-- Select --</option>
    <option value="one-way">One Way</option>
    <option value="tow-way">Return</option>
</select>

如果我选择 One Way ,我们必须隐藏表 tow_way 并显示表 one_way ,当选择拖曳时我们必须隐藏表 one_way 并显示表 tow_way 否则我们必须隐藏拖车表

我的代码中的错误在哪里?

2 个答案:

答案 0 :(得分:0)

$('#TicketType').change(function(){
    $("#two_way").toggle(this.value == "two-way")
    $("#one_way").toggle(this.value == "one-way")
});
  • 修正了类型 - tow =&gt; two,因为拖曳方式听起来太令人毛骨悚然......:)

答案 1 :(得分:0)

你在想什么在这里做什么?

$("#TicketType").val("select-type")

您正在尝试设置值而不是读取值。

你应该if($("#TicketType").val() === "select-type")

另外,你应该注意拼写:)