2013-03-06 3 views
0

У меня есть эта функция, чтобы показать или скрыть таблицуПоказать и скрыть таблицу с помощью JQuery

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 еще мы должны скрыть буксировка стол

Где ошибка в моем коде?

+0

Какое сообщение об ошибке вы получаете? – Mortalus

+1

у вас есть тонна опечаток в вашем коде, от 'tow-way' до' tbale'. – MattDiamant

ответ

0
$('#TicketType').change(function(){ 
    $("#two_way").toggle(this.value == "two-way") 
    $("#one_way").toggle(this.value == "one-way") 
}); 
  • Устранена tow типа вируса =>two, потому что буксировка способ звучит слишком жутким ... :)
+0

Я не голосовал. Но возможно ли это получить полное требование (выбор 3 варианта) с этим подходом? Будем рады узнать, как! – hop

+0

@hop, он уже выполняет все три варианта, но это делается с двумя условиями вместо трех ... – gdoron

0

Что вы думаете вы здесь делаете?

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

Вы пытаетесь установить значение вместо чтения значения.

Вы должны сделать if($("#TicketType").val() === "select-type")

Кроме того, вы должны возражаете орфографию :)

+0

спасибо @hop за ваше решение –