1

オプション リストを生成する 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();}
        });

残念ながら、これは機能しません。誰が私が間違っているのか、それを正しく行う方法を知っていますか?

4

2 に答える 2

2

$selectValとは異なりselectValます。そして、スマート クォートは jQuery セレクターでは禁止されています。

また、パラグラフ onload を非表示にする必要があります。CSSdisplay: noneはこれを最もよく行うことができます。

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

ちなみに、ブール値を.toggle()メソッドに渡してコードを短縮できます。

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

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

于 2012-07-24T18:27:35.067 に答える
1 
$('select[name=question]').change(function(){
  var selectVal = $(this).val();

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

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

于 2012-07-24T18:31:09.167 に答える