Блог

Я хочу select , чтобы div отображался только в том случае, если значение входного тега рядом с ним равно нулю. Как мне это сделать? Вот jsfiddle http://jsfiddle.net/mdanz/xdFkJ /

 <style type="text/css">
.select {
overflow:hidden;
display:block;
background-color:red;
width:100px;
height:100px;
}

</style>
<script type="text/javascript">
$(function() {
var value = $('.row').val();

  if(value!=0) {
  $('.select').hide();  

  }

});
</script>

<div class='select'></div><input type='text' class='row' value='0' />
<div class='select'></div><input type='text' class='row' value='1' />
<div class='select'></div><input type='text' class='row' value='1' />
<div class='select'></div><input type='text' class='row' value='0' />
  

 $(function() { 
  $('input.row').change(function () {
    var $this = $(this);
    if ($this.val() != "0") {
      $this.prev().hide();
    } else {
      $this.prev().show();
    }
  });

  $('input.row').trigger('change');
}); 
  

Вот скрипка http://jsfiddle.net/jfhartsock/xdFkJ/3 /. Обратите внимание, что это также скроет divs при изменении входных данных.

вы можете сделать так,

   $(function() {
    $("input.row").change(function(){
      if($(this).val()=="0"){
         $(this).prev().show();
       }else{
         $(this).prev().hide();
        }

    });

 });
  

Используйте;

 $(function() {

    $(".select").each(function() {
       var value = $(this).next('.row').val();

       if(value!=0) 
           $(this).hide();

    });
});
  

Кстати, для скрипки было установлено значение mootools. Смотрите мою скрипку: