0

海，我有一个按钮和下拉菜单。当我更改下拉菜单时，我隐藏了按钮，它工作正常。在我想显示按钮之后发生事件。如何执行此操作。

一旦我隐藏我无法查看按钮。我只需要隐藏下拉更改功能，其他时候我想显示按钮。

代码 

<html>
<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://code.jquery.com/jquery-1.7.2.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
    $("select").change(function(){
$("#myHeader").hide();
    });
});
</script>
<body>

<select id="header">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="button"  id="myHeader" style="width:20%;background-color:blue" />
</body>
</html>
4

3 回答 3

0

如下更改您的脚本，它将创建切换类型事件

<script type="text/javascript">
    $(document).ready(function () {
        $("select").change(function () {
            ($("#myHeader").is(":visible")) ? $("#myHeader").hide() : $("#myHeader").show();
        });
    });
</script>

让我知道您正在寻找这种类型的功能的天气？

于 2012-07-07T05:44:01.440 回答
0

那时您不应该使用.change()，您的问题/代码令人困惑。我想这就是你要找的：

 $(document).ready(function() {

     $("select").focus(function(){
         $("#myHeader").hide();
     });

     $("select").blur(function(){
         $("#myHeader").show();
     });

 });

查看此演示并让我知道它是否是您要查找的内容。

于 2012-07-07T05:45:31.010 回答
0

试试这个：

$("select").focus(function(){
     $("#myHeader").hide();
});

 $("select").blur(function(){
     $("#myHeader").show();
});

$("select").change(function(){
     $(this).trigger('blur');
});

演示

于 2012-07-07T06:18:53.330 回答