Question

我一直试图让函数在jquery中下拉列表，它根本不起作用

功能

当我选择是时，应该显示另一个下拉列表，如果我选择否则应该有textarea

 <h4><label for="NDA">Required NDA to be signed </label></h4>
 <select id="conditions" name="conditions">
<option class="yes" value="yes">Yes</option>
<option class="no" value="no"> No </option>
 </select>
<br/>
  <h4><label for="apptype">App type </label></h4>
  <select name="apptype" class="apptype" id="apptype">
 <option value="games">Games</option>
 <option value="Business">Business</option>
 <option value="Utilites">Utilities</option>
 <option value="Others">Others</option>
 </select>
 <textarea class="txtarea" name="txtarea" id="txtarea" placeholder="Give us the brief gist of your idea"></textarea>';


<input name="Submit" type="button" value="submit" class="btn btn-primary btn-raised mdi-action-grade" id="submit" >

jquery的

 $(document).ready(function(){
 $("#submit").click(function(){
    if($("#conditions").val() == "yes"){
        $('#apptype').hide();
        $('#txtarea').show();

    }
});
});

不工作请帮帮我

Answer 1

您将值设置为yes和no - 请注意小写 - 但您要与Yes进行比较。由于案例不匹配，因此无法检测到＆＃34;是＆＃34;选项已被选中。

此外，似乎触发器应该在下拉列表中，而不是提交按钮。您可以在http://jsfiddle.net/vn5uz1ma/看到一个工作小提琴。请注意我对标记，处理程序和CSS假设所做的更改。

Answer 2

选择选择器时出错了

工作代码在哪里

$(document).ready(function(){
    $("#submit").click(function(){
        if($("#conditions").val() == "yes"){
            $('.specify').hide();
            $('.txtarea').show();
        }
    });
});

网址：http://jsfiddle.net/naveenkumarpg/os2mkz2e/

JQuery没有在这个程序中工作

2 个答案: