Question

我想在选择选项1时显示输入框，并在选择选项2时删除。

<select id="a">
    <option id="1">1</option>
    <option id="2">2</option>
</select>


<input type="text" id="cb" style='display:none'>

这是我尝试过的。

 $('#a').on('change', function() {
    $('#cb').prop('show', id == '1');
 }

我希望使用prop专门完成，因为我已经使用prop解决了类似的问题，我希望保持一致性

Answer 1

尝试，

HTML：

   <select id="a">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

我已将ids更改为values。实际上这是一个很好的做法。

JS：

 $('#a').on('change', function() {
    if($(this).val()== '1')
       { 
          $('#cb').show();
       }
    else
       {
          $('#cb').hide();
       }
  }

或

Show不是属性，实际上您可以使用.toggle以与预期相同的方式实现它。

$('#a').on('change', function() {
       $('#cb').toggle($(this).val() == '1');
});

DEMO

Answer 2

您无法使用.prop进行此操作，因为此函数可以设置HTML元素的属性。显示和隐藏CSS样式中的元素集，而不是存在属性'show'

类似的问题：Hiding button in JQuery using .prop(hidden: true)

jQuery - 如何在选择选项时隐藏/显示输入框？

2 个答案:

DEMO