隠し入力値を使用して要素を表示または非表示にする

Question

私は、ユーザーが提供する郵便番号に配信する店舗を表示する必要があるWebサイトで作業しています。すべての店舗には独自のdivがあり、検索ボックスを使用した後、またはユーザーがログオンした後に郵便番号が非表示の入力に送信されます。この部分は私が理解するのが難しくありません。隠された入力の情報がストアがリストされているページに送られる部分も厳しいものではありません。私が問題を抱えているのは、関連する部門だけです。私は、店舗のディビジョンに、ある方法や別の方法で配信する郵便番号を含むようにしたい（それが見えているかどうかにかかわらず）。それらはすべて1つ以上の郵便番号に配信されるので、隠し入力の値を使用して特定の郵便番号をスキャンし、それが存在する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> 

私は、誰かがこれで私を助けることを願って、それは非常に闘争となっています。

ありがとうございます。平和と多くの愛。 1！

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

私は実際に問題を解決しました。それは予想より簡単だった。そうでない場合には隠されたスパンにすることができdivの中

Function() { 

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

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

} 

郵便番号：ID「郵便番号」との隠された入力が存在することになる場合

コードは、基本的に以下の重要な要素が含まれていますそれらが表示されます。 IEでは何らかの理由でスパンが表示されますが、スパンの代わりに隠れたdivを使用することで回避できます。