Question

我有一个生成选项列表的wordpress插件。生成的代码如下：

<select name="question">
  <option value="yes">Yes</option>
  <option value="no">No</option>
  <option value="maybe">Maybe</option></select>

<p id="text">some text</p>

下面是我想要显示选项是否被选中的段落。如果选择是或否，则应隐藏此项。

我提出的Jquery脚本（经过谷歌搜索，复制和粘贴）是这样的：

$('select').change(function(){
  var selectVal = $(‘select’).val();

            if( $selectVal=="maybe"){
              $('#text').show();}
            else{
            $('#text').hide();}
        });

不幸的是，这不起作用。任何人都知道我做错了什么或怎么做对了？

Answer 1

$selectVal与selectVal不同。而智能引号在jQuery选择器中是禁忌的。

您还需要隐藏段落onload。 CSS display: none可以做到最好。

http://jsfiddle.net/mblase75/uz2uf/

顺便提一下，您可以将布尔值传递给.toggle()方法来缩短代码：

$('select').change(function() {
    var selectVal = $(this).val();
    $('#text').toggle(selectVal=="maybe");
});

http://jsfiddle.net/mblase75/uz2uf/1/

Answer 2

$('select[name=question]').change(function(){
  var selectVal = $(this).val();

  if( selectVal=="maybe"){
     $('#text').show();
  }else{
     $('#text').hide();}
});

jsfiddle：http://jsfiddle.net/ufomammut66/xqCKD/

检查值选择选项列表

2 个答案: