下拉jquery范围值

时间:2014-07-03 14:28:43

标签: javascript jquery

我是关于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();
      }
    });
});

FiDDLE: http://jsfiddle.net/pranavcbalan/v4gNL/

对此的任何帮助都将非常感激。

由于

1 个答案:

答案 0 :(得分:1)

如果我正确理解您,只要有人不挑选<option value="0">Personal use</option>,您就希望展示商业元素。然后你的逻辑反转,当有人选择选项0时你想要隐藏业务元素。

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

Fiddle Demo