Question

我正在一个网站上工作，我必须显示商店，这些商店会提供给用户提供的邮政编码。所有商店都有自己的div，在使用搜索框或用户登录后，邮政编码将被发送到隐藏的输入。这部分对我来说并不难理解。隐藏输入中的信息被发送到列出商店的页面的部分也不是一个困难的部分。我遇到问题的部分只显示相关的div。我希望商店的div包含他们以某种方式传递的邮政编码（无论是否可见）。由于它们都提供了多个邮政编码，我想知道你如何建议我使用隐藏输入中的值来扫描某个邮政编码，然后显示它所在的div。

也许我的措辞使它比实际看起来更复杂。基本思路是：

<input type="hidden" id="zip" value="x">

<div id="store" style="display:none;">Somewhere inside here are some zip codes, one of them has value x (could also be in another</div>

<script>Some code to make the display style of this particular div "block;"</script>

我希望有人可以帮助我，这一直非常困难。

提前感谢一百万。和平，多爱。一个！

Answer 1

<input type="hidden" id="zip" value="x">

<div CLASS="store" style="display:none;">Somewhere inside here are some zip codes, one of them has value x (could also be in another</div>

<script>
// check each store and show them if they make reference to the given zip code.
$(".store").each(function(){
if(this.text().indexOf($("#zip").val()) >= 0)
    this.css({display: "block"});
});
</script>

Answer 2

试试这个..

<script type"text/javascript">
    $(document).ready(function(){
    var temp=$("#store").text();
    if(temp.indexOf($("#zip").val())!=-1){
    $("#store").show();//show this div;mark as visible
    }

    });
    </script>

Answer 3

我实际上解决了这个问题。这比预期容易。

如果存在id为“zipcode”的隐藏输入，则代码基本上包含以下关键元素：

Function() {

var value = $("#zipcode").val();

$("div:contains(" + value + ")").css("display", "block");

}

div中的邮政编码可以隐藏在一个隐藏的范围内，以防您不希望它们显示。在IE中，由于某些原因，跨度是可见的，但您可以通过使用隐藏的div而不是跨度来解决这个问题。

使用隐藏的输入值来显示或隐藏元素

3 个答案: