Question

我有一个按钮和下拉列表。当我更改下拉列表时，我隐藏按钮它的工作正常。事件发生后我想显示按钮。这样做。

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

代码

<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>

Answer 1

按照以下更改脚本，它将创建切换类型事件

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

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

Answer 2

您不应该使用.change()，您的问题/代码会让人感到困惑。我想这就是你要找的东西：

 $(document).ready(function() {

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

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

 });

查看此Demo并告诉我这是否是您要找的内容。

Answer 3

试试这个：

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

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

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

DEMO

如何在下拉事件中显示按钮？

3 个答案: