0

编辑：将更具体的要求见底部添加：

我正在尝试隐藏链接（按钮格式为 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>

如果选择了“请选择一个选项”，则会隐藏链接，如果选择了其他任何内容，则会显示链接

这是我的 jquery，它不工作

$(document).ready(function() {
$("a.nextbutton").hide()

$('.dropdown').change(function() {
    if($('.dropdown option:contains'Please)') {
      $('a.nextbutton',this).hide();
    } else {
      $("a.nextbutton")show();
    }
});

});

编辑从这里开始：

感谢给我一些答案的每个人，但是我现在拥有的作品，但它并不理想，理想情况下想使用包含，简单的原因是我有大约 20 个这样的脚本，我必须创建并定位价值， 丑陋的！

要显示我的确切要求，请查看小提琴，虽然这是有效的，正如我所说，我有很多这些脚本要放置，理想情况下我想：1.定位文本'选择......' 2.拥有它以便它保持隐藏状态，直到所有选项不再包含“选择...”（包含应该处理该权利）

这是一个让任何可以提供帮助的人的生活更轻松的小提琴？ http://jsfiddle.net/p3ewE/

结束编辑

4

4 回答 4

1

试试这个：

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

jsFiddle 示例

您遇到了一些缺少句点和括号的语法问题。

于 2013-09-15T02:47:20.333 回答
0

在这里打错字

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

:包含()

使用此代码

演示

$('.dropdown').change(function () {
    if (this.value == "") {
        $('a.nextbutton').hide();
    } else {
        $("a.nextbutton").show();
    }
}).change();
于 2013-09-15T02:43:33.567 回答
0

这是链接http://jsfiddle.net/XXDwr/5/

看看它。

   $(document).ready(function() {


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

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

});
});

我希望你想实现这一目标。

于 2013-09-15T02:54:51.927 回答
0 
$(document).ready(function() {
  var btnNext = $("a.nextbutton").hide();

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

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

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

于 2013-09-15T06:48:52.240 回答