Javascript 在js中使用选项标记

我正在使用select标记。所以当我选择某个特定的，我想发生某个特定的事情，如本例所示（一个文本应该消失，一个文本应该出现）：

---

谢谢大家!

你需要改变很多事情。首先，给出Select和id或类，然后对其使用change（）方法获取所选值。然后测试该值是否匹配。如果匹配，则运行隐藏代码。这是一个 HTML

---

您必须在select节点上使用

onchange

和

value

，这可能更精确，但这显示了使用基本jquery的一些步骤

<div class="selDiv">
    <select>
        <option>select</option>
        <option value="by-price">test</option>
    </select>
</div>    
<div class="prodw" style="display:block">Visible</div>
<div class="prodef" style="display:none">Invisible</div>

$('.selDiv option:contains("test")').click(function(e) {       
    $(".prodw").fadeOut(50);
    $(".prodef").fadeIn(500);
                                });

 <div >
 <select class="selDiv">
    <option>select</option>
    <option value="by-price">test</option>
 </select>
 </div>    
 <div class="prodw" style="display:block">Visible</div>
 <div class="prodef" style="display:none">Invisible</div>

  $('.selDiv').change(function() {
  var selItem = $(this).val()

     if (selItem == "by-price") {
   $(".prodw").fadeOut(50);
   $(".prodef").fadeIn(500);
  }
 });

$('.selDiv select').change(function(e) {       
    if($(this).find(":selected").text().indexOf('test') != -1){
        alert('do something');
    }                         
});