选择选项隐藏和显示

-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

选择选项隐藏和显示

回答

相关问题