Использование скрытого значения ввода для отображения или скрытия элементов

Question

Я работаю над веб-сайтом, для которого я должен отображать магазины, которые доставляют почтовый индекс, предоставленный пользователем. Все магазины имеют свой собственный div, а почтовый индекс отправляется на скрытый ввод после того, как окно поиска было использовано или пользователь вошел в систему. Эта часть мне не трудно понять. Часть, в которой информация на скрытом входе отправляется на страницу, где перечислены магазины, также не является жесткой. В той части, с которой я столкнулся, отображаются только соответствующие div. Я хочу, чтобы в divs хранилища содержались почтовые индексы, которые они доставляют так или иначе (видимо или нет). Поскольку все они доставляются более чем на один почтовый индекс, мне было интересно, как вы порекомендовали бы мне использовать значение из скрытого ввода для сканирования определенного почтового индекса, а затем отображать 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

Я решил проблему на самом деле. Это было легче, чем ожидалось.

Если бы скрытый вход с идентификатором «почтовый индекс» код по существу содержит следующие ключевые элементы:

Function() { 

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

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

} 

почтовых индексов в DIV может быть в скрытом промежуток в случае, если вы не хотите, чтобы они были показаны. В IE полоса видима по какой-то причине, но вы можете обойти это, используя скрытые divs вместо интервалов.