Jquery/php选择框显示/隐藏div

我想在这里显示或隐藏div是根据在options中选择的文本而不是值来显示或隐藏div的，这在没有php的情况下很容易

在jquery中，如果我的案例中的selected text为

<?php echo $option_value['name']; ?>

等于某个文本，然后显示此div，否则显示其他div

<select id="opt" name="option[<?php echo $option['product_option_id']; ?>]">
            <option value="0"><?php echo $text_select; ?></option>
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php echo $option_value['price']; ?>
            <?php } ?>
            </option>
            <?php } ?>
          </select>

）

您可以尝试在内联js块或隐藏输入中输出要匹配的值

PHP代码：

<input id="matchvalue" type="hidden" value="<?php echo $option_value['name']; ?>" />

这可能会起作用，或者您可以将“var matchvalue”输出到某个js块中。

jQuery（document）.ready（function（）{
jQuery（'#opt'）.change（function（）{
if（jQuery（this）.find（':selected'）.text（）==theValue）{
jQuery（'#mypositiveelement'）.show（）；
jQuery（“#mynegativeelement”）.hide（）；//或其他任何内容
}否则{
jQuery（'#mypositiveelement'）.hide（）；
jQuery（“#mynegativeelement”）.show（）；//或其他什么
}
} );
} );

然后在HTML中添加一个内联脚本，如

//

  var matchvalue = $('#matchvalue').val();
  $('#opt').change(function(){
    if( $(this).find('option:selected').text() == matchvalue){
       //DO WHATEVER
    }else{
      //NO MATCH
    }
  });