下拉jquery范围值

dropdown jquery range value

本文关键字：范围 jquery 下拉      更新时间：2023-09-26

我是一个关于javascript/jquery的新手，我需要帮助，因为我希望任何人在我的小提琴下面选择队列1-12能够查看隐藏的企业名称文本框。

HTML: 

<body>
<select id='purpose'>
<option value="0">Personal use</option>
<option value="1">Business use</option>
<option value="2">Passing on to a client</option>
</select>
<div style='display:none;' id='business'>Business Name<br/>&nbsp;
<br/>&nbsp;
    <input type='text' class='text' name='business' value size='20' />
    <br/>
</div>
</body>

JS: 

$(document).ready(function(){
    $('#purpose').on('change', function() {
      if ( this.value == '1')
      {
        $("#business").show();
      }
      else
      {
        $("#business").hide();
      }
    });
});

小提琴: http://jsfiddle.net/pranavcbalan/v4gNL/

如果有任何帮助，我将不胜感激。

谢谢

如果我理解正确的话，您希望显示业务元素，只要有人不选择<option value="0">Personal use</option>。然后，您的逻辑颠倒了，当有人选择选项0时，您希望隐藏业务元素。

$(document).ready(function(){
    $('#purpose').on('change', function() {
      if ( this.value == '0')
      {
        $("#business").hide();
      }
      else
      {
        $("#business").show();
      }
    });
});

小提琴演示

相关文章：