Javascript 排序后隐藏div

我有带属性PIN的谷歌地图，下面有一个搜索框。用户单击“排序”后，将根据用户的条件显示PIN。我正在寻找一个解决方案，可以让我隐藏搜索框，只留下“显示搜索”，而不是“排序”

以下是图像当前的外观：

以下是搜索框代码的一部分：

<div class="main-search">           
    <form id="main-search" method="post" action="#">
        <!-- search box fields here -->
        <input type="submit" value="Sort" class="search-submit" id="search-submit" />          
    </form>     
</div>

---

如何解决此问题？

我不确定您离开show search是什么意思，但要隐藏按钮，请执行以下操作：

$('.search-submit').on('click',function(){
    $(this).hide();
});

一个简单的演示在

---

不要忘记将

return false

更改为

return true

以允许post。

没有任何更改，与上面截取的代码相同…我的意思是，用户单击排序后，搜索框消失，而不是“排序”按钮，而是“显示搜索”按钮…这有意义吗\在地图上显示与用户搜索匹配的PIN（如果用户从搜索中选择“hotels”，则只显示hotels）。我没有看到您在代码中使用了我的演示代码。你试过我的演示吗？它隐藏表单的所有子元素（排序按钮除外），并更改其标签以显示搜索。但请记住，不能隐藏表单元素，因为它是sort按钮的父元素。如果父元素被隐藏，那么它的子元素将被隐藏。再次感谢大家：）是的，我做了，但我错过了“$（this）.val（“Show search”）；”所以它不起作用。现在它起作用了，但我在单击“Show search”后什么也没发生，搜索就不显示了。不过别客气，谢谢你的帮助！祝你周日愉快。但在你的问题中，你只想显示“显示搜索”按钮。您没有告诉我们此按钮的功能。还是说点击“排序”按钮后什么也没发生？然后，正如我所说，您只需将我的js代码中的return false替换为return true，这将启用PHP POST。我使用return false，因为jsfiddle.net不允许PHP POST。我为您将return false替换为return true。在浏览器中运行此代码，而不是直接在jsfiddle.net中运行。祝你好运嘿，又来了！抱歉耽搁了，我有点忙：\n看一看（密码“marinero”），你就会明白我的意思。单击搜索框中的Villa（地图上只有一项），然后单击“SortiraJete”。该属性显示正确，但我无法通过单击“Show search”恢复搜索框。关于PHP代码，我猜它从DB中提取对象，我不知道，因为我没有工作过。。。