jQuery的顯示，當一個選項被選中

<form method="get" action="processform.php"> 
    <b>SELECT SERVICE</b><select name="Service"> 
    <option value="">Select a Service</option> 
    <option value="toairport">To Airport</option> 
    <option value="fromairport">From Airport</option> 
    <option value="DriveAround">Drive Around</option> 
    <option value="PointToPoint">Point TO Point</option> 
    <option value="Wedding">Wedding</option> 
    <option value="Prom">Prom</option> 
    <option value="Graduation">Graduation</option> 
    <option value="Birthday">Birthday</option> 
    <option value="Concert">Concert</option> 
    <option value="SportingEvents">Sporting Events</option> 
    <option value="Anniversary">Anniversary</option> 
    </select> 

    Airports<select name="airports"> 
    <option value="">Select an Airport</option> 
    <option value="LGA">LaGuardia</option> 
    <option value="JFK">Jonh F. Kennedy</option> 
    <option value="Westchester">Westchester</option> 
    <option value="Terteboro">Terteboro</option> 
    <option value="Islip">Islip</option> 
    </select>

我上面的代碼，在服務節時，我從機場或機場點擊」 i灣機場選項來顯示隱藏文本。提前感謝jQuery的顯示，當一個選項被選中

來源

2013-07-01 Phaby Amardy

我有上面的代碼，在服務部分，當我點擊「從機場或機場」我想要機場的下拉菜單顯示。我是通過文本完成的，但是我無法做到這一點，而「從機場到機場」在服務選擇菜單中作爲選項。 –

我建議：

$('select[name="Service"]').change(function(){ 
    var v = $(this).val().toLowerCase(); 
    $('select[name="airports"]').toggle((v == 'toairport' || v == 'fromairport')); 
}).change();

JS Fiddle demo。

你也可以使用一個簡單的正則表達式來測試該value字airport結束（這張貼相匹配的要求，在其中你與字符串「機場」測試結束，這兩個選項）：

$('select[name="Service"]').change(function(){ 
    var v = $(this).val().toLowerCase(); 
    $('select[name="airports"]').toggle(v.match(/airport$/)); 
}).change();

JS Fiddle demo。

參考文獻：

來源

2013-07-01 14:49:54

哇！這很不錯+1。我不知道這種技術。太好了！ –

非常感謝！ =） –

非常感謝，第一個腳本工作得更好，第二個工作，但它顯示機場菜單，無論我點擊什麼.. –

試試這個

$("select[name=Service]").change(function(e){ 
    if(e.target.value == "toairport" || e.target.value == "fromairport"){ 
     $("select[name=airports]").show(); 
    }else{ 
     $("select[name=airports]").hide(); 
    } 
})

來源

2013-07-01 14:42:08 mguimard

你可能會尋找這樣的：

$("#airports").hide() 
$("#service").change(function(){ 
    if(this.value == 'toairport' || this.value == 'fromairport') 
     $("#airports").show(); 
    else 
     $("#airports").hide(); 
});

標記：

<select name="Service" id="service"> 
<select name="airports" id="airports">

DEMO - >http://jsfiddle.net/jA56n/

來源

2013-07-01 14:43:15

非常感謝 –

jQuery的顯示，當一個選項被選中

回答

相關問題