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

Я работаю над веб-сайтом, для которого мне нужно отображать магазины, которые доставляют товары по почтовому индексу, указанному пользователем. Все магазины имеют свой собственный 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>

Я надеюсь, что кто-то может помочь мне с этим, это была настоящая борьба.

Заранее спасибо миллион. Мир и много любви. Один!


person user1282947    schedule 21.03.2012    source источник
comment
Другими словами: я хочу отобразить div, содержащий определенный элемент   -  person user1282947    schedule 21.03.2012


Ответы (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> 
person Rajesh    schedule 21.03.2012

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

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

Function() {

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

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

}

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

person user1282947    schedule 22.03.2012