Javascript Jquery：基于包含在选项中隐藏链接按钮

编辑：将更加具体，要求见底部添加内容：

我试图隐藏a链接（按钮格式为a href），但我试图根据在选项下拉菜单中找到的文本进行隐藏

比如说

<form id="phonetypeform">
  <select name="porting-p1" class="dropdown">
     <option value="">Please select an option...</option>
     <option value="1">I want to keep my current phone number</option>
     <option value="2">I want to choose a new number</option>
   </select>
</form>
<a href="#" class="nextbutton">Next Step</a> 

编辑从这里开始： 感谢所有给了我一些答案的人，但我现在拥有的一切都很有效，但它并不理想，理想情况下，我希望使用包含，简单的原因是我有大约20个脚本，我必须创建并针对这些脚本的价值，丑

为了显示我的确切要求，请查看小提琴，当它工作时，正如我所说，我有许多这样的脚本要放在适当的位置，理想情况下，我希望： 1.以文本“选择…”为目标 2.使其保持隐藏状态，直到所有选项不再包含“Select…”（选择…）（包含项应保留该权限）

这是一把小提琴，可以让任何能帮忙的人的生活更轻松？

---

结束编辑

此处键入

if($('.dropdown option:contains(Please)') 
                               ^      ^

使用此代码

请尝试以下方法：

$("a.nextbutton").hide();
$('.dropdown').change(function () {
    if ($('.dropdown').val() == "") {
        $('a.nextbutton', this).hide();
    } else {
        $("a.nextbutton").show();
    }
});

缺少句点和括号时出现了一些语法问题。

这是链接

看一看

   $(document).ready(function() {


    $(".nextbutton").hide();

   $('.dropdown').on('change',function() {
    var h= $('.dropdown').val();
    if(h=="")
    {
          $(".nextbutton").hide();
    }
    else{
          $(".nextbutton").show();
    }

});
});

我希望你能做到这一点

$(document).ready(function() {
  var btnNext = $("a.nextbutton").hide();

  $('.dropdown').change(function() {

      if(this.value){
          btnNext.show();
      } else {
          btnNext.hide();
      }
  });
});

你在“请”之前就错了。 您可以/应该将按钮保存在变量中，这样就不必每次都进行查询。

只是缺少了.show（）。调用show（）之前的时间段

   $(document).ready(function() {


    $(".nextbutton").hide();

   $('.dropdown').on('change',function() {
    var h= $('.dropdown').val();
    if(h=="")
    {
          $(".nextbutton").hide();
    }
    else{
          $(".nextbutton").show();
    }

});
});

$(document).ready(function() {
  var btnNext = $("a.nextbutton").hide();

  $('.dropdown').change(function() {

      if(this.value){
          btnNext.show();
      } else {
          btnNext.hide();
      }
  });
});