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

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

1 голос
/ 21 марта 2012

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

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

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

Ответы [ 3 ]

0 голосов
/ 21 марта 2012

попробуйте это .. 

<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>
0 голосов
/ 23 марта 2012

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

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

Function() {

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

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

}

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

0 голосов
/ 21 марта 2012 
<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>
...