Question

只有在使用jquery在下面给出的选择菜单中选择“Car”时才需要显示输入字段。

<select name="type">
  <option value="plane">Plane</option>
  <option value="car">Car</option>
</select>

<input type="text" name="name">

是否可以使用jQuery？

Answer 1

使用此：

<强> DOM：

<select name="type">
  <option value="plane">Plane</option>
  <option value="car">Car</option>
</select>
<input class="hideme" type="text" name="name">

<强> Jscode ：

$('select').change(function(){
if($(this).val()=== "car")
$('.hideme').show();
else
    $('.hideme').hide();
}).change();

<强> Working Fiddle

Answer 2

您可以使用toggle方法：

$(function () {
    $('select[name=type]').change(function () {
        $('input[name=name]').toggle(this.value === "car" ? true : false);
    }).change();
});

Answer 3

<select name="type" onchange="showTextBox(this.value)">
  <option value="plane">Plane</option>
  <option value="car">Car</option>
</select>
<input  type="hidden" id="MyBox">
<script>
function showTextBox(item){
      if(item=="car"){$('#MyBox').show();}
}
</script>

Answer 4

是的，您可以通过标记检索值，然后使用语句来确定是否显示它所在的输入字段或容器。

以下是检索这些值的参考： How do I get the text value of a selected option?

这是我刚才在SO上找到的答案，它的功能类似于您所寻找的内容： jQuery: show an element from select drop down

Answer 5

您可以添加一个空选项并执行此操作：

$("[name='type']").change(
 function(){
  if($(this).val() == "car"){
   $("[name='name']").show();
   }else{
    $("[name='name']").hide();
   }
 }
);

使用jquery显示在选择菜单中选择的特定值的输入框

5 个答案: