Javascript 如何隐藏/显示&x27；分区'；使用jQuery？

如何根据用户在下拉框中的选择显示文本框

<select name="sites" id="select5" required="yes">
  <?php
   for($i=0;$i<=128;$i++){
     echo "<option>".$i."</option>";
   }                               
  ?>
</select>

<div id="YES"> 
 Other: <input class="input-text" type="text" name="name"/>
</div>

其他：

如果用户选择1-文本框将不显示。 然后，如果用户选择超过2->则将显示

以下是我的jQuery：

<script type="text/javascript">
    $(document).ready(function(){
    $('#YES').hide();
    $("#select5").change(function(){
            $('#YES').hide('slow');
            $("#" + this.value).show('slow');
    });
    });
</script>

$（文档）.ready（函数（）{
$（“#是”）.hide（）；
$（“#选择5”）.change（函数（）{
$（'YES'）。隐藏（'slow'）；
$（“#”+this.value）.show（'slow'）；
});
});

---

有什么建议吗？

您可以根据select like的值调用hide/show

$(document).ready(function () {
    $('#YES').hide();
    $("#select5").change(function () {
        $('#YES')[this.value > 1 ? 'show' : 'hide']('slow');
    });
});

---

演示：

您可以根据select like的值调用hide/show

$(document).ready(function () {
    $('#YES').hide();
    $("#select5").change(function () {
        $('#YES')[this.value > 1 ? 'show' : 'hide']('slow');
    });
});

演示：

试试这个

$('#select5').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
if(valueSelected == 1){
$('#YES').show();
}
else{ $('#YES').hide();}
});

试试这个

$('#select5').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
if(valueSelected == 1){
$('#YES').show();
}
else{ $('#YES').hide();}
});

---

显示/隐藏文本框的模式是什么？等等。您的

没有

value

属性。显示/隐藏文本框的模式是什么？请稍候。您的

没有

值

属性。你好，Arun P Johny，非常感谢您的帮助。我欠你一杯咖啡。上帝保佑你。请解释这一行的更多细节

$（'#YES'）[this.value>1？'show'：'hide']（'slow'）@TamilSelvan要求我们需要调用hide/show方法，条件是如果值>1，show else hide。。。假设你知道三元运算符。。。我们使用括号表示法来引用基于三元操作结果的jQuery包装器对象的隐藏/显示方法
this.value>1
。。。所以这是真的，我们有
$（'YES'）['show']（慢）
，这与
$（'YES'）是一样的。show（
slow
）
你好，Arun P Johny，非常感谢你的帮助。我欠你一杯咖啡。上帝保佑你。请解释这一行的更多细节
$（'#YES'）[this.value>1？'show'：'hide']（'slow'）@TamilSelvan要求我们需要调用hide/show方法，条件是如果值>1，show else hide。。。假设你知道三元运算符。。。我们使用括号表示法来引用基于三元操作结果的jQuery包装器对象的隐藏/显示方法
this.value>1
。。。所以这是真的，我们有
$（'#YES'）['show']（慢）
，它与
$（'#YES'）相同。show（
慢
）