選擇選項隱藏和顯示

-1

<select id="dropdownPName" name="company"> 
    <option value="A">Comapny A</option> 
    <option value="B">Company B</option> 
    <option value="Walk-in">Walk-in</option> 
    <option value="Others">Others</option> 
</select>

我想如果所選的是「其他」的文本框會出現這樣用戶將指定公司選擇選項隱藏和顯示

來源

2013-10-16 PeDzKy

那麼你嘗試過什麼到目前爲止？ –

if（** I want **）die（）; –

文本框HTML

<input type="text" id="cmpny_txbx" name="cmpny_txbx" />

jQuery的

$(document).ready(function(){ 
    $("#cmpny_txbx").hide(); 
    $("#dropdownPName").change(function(){ 
    if($("#dropdownPName").val() == 'Others'){ 
     //Show text box here 
     $("#cmpny_txbx").show(); 
    } 
    else{ 
    //Hide text box here 
    $("#cmpny_txbx").hide(); 
    } 
    }); 
});

見DEMO

來源

2013-10-16 05:54:07

你甚至可以使用'toggle（）'來縮短它。 –

爲什麼我的表單不工作？輸入文字沒有顯示出來... – PeDzKy

創建一個文本框，將其放置在你想和風采吧因此

<input type="text" id="comp" name="othercompany" placeholder="Enter company name" style="display:none;" />

要獲得選擇框的值使用

pName = document.getElementById('dropdownPName'); 
var value = pName.options[pName.selectedIndex].value; 
if(value.toLowerCase() == 'others') 
{ 
    var ele = document.getElementById('comp'); 
    ele.style.display = "block"; 
}

來源

2013-10-16 05:54:03 Shadow

選擇選項隱藏和顯示

回答

相關問題