javascript - name - jquery set select value




Хотите показать/скрыть div на основе выпадающего списка (4)

Я хочу, чтобы jQuery показывал div id = 'business', только если в раскрывающемся списке выбрано 'business use'.

Это мой код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$('#purpose').on('change', function() {
  if ( this.value == '1');
  {
    $("#business").show();
  }
  else
  {
    $("#business").hide();
  }
});
});
</script>
<body>
<select id='purpose'>
<option value="0">Personal use</option>
<option value="1">Business use</option>
<option value="2">Passing on to a client</option>
</select>
<div style='display:none;' id='business'>Business Name<br/>&nbsp;
<br/>&nbsp;
    <input type='text' class='text' name='business' value size='20' />
    <br/>
</div>
</body>

и JSFiddle: http://jsfiddle.net/2kGzZ/1/


Вам нужно либо поместить свой код в конец страницы, либо заключить его в вызов готовности документа, в противном случае вы пытаетесь выполнить код для элементов, которые еще не существуют. Кроме того, вы можете уменьшить свой код до:

$('#purpose').on('change', function () {
    $("#business").css('display', (this.value == '1') ? 'block' : 'none');
});

Пример jsFiddle


Оберните код в $(document).ready(function(){...........}); обработчик, также удалите ; после, if

$(document).ready(function(){
    $('#purpose').on('change', function() {
      if ( this.value == '1')
      //.....................^.......
      {
        $("#business").show();
      }
      else
      {
        $("#business").hide();
      }
    });
});

Скрипка Демо


попробуйте это, которое работает для меня в моей тестовой демонстрации

<script>
$(document).ready(function(){
$('#dropdown').change(function() 
{ 
//  var selectedValue = parseInt(jQuery(this).val());
var text = $('#dropdown').val();
//alert("text");
    //Depend on Value i.e. 0 or 1 respective function gets called. 
    switch(text){
        case 'Reporting':
          // alert("hello1");
   $("#td1").hide();
            break;
        case 'Buyer':
      //alert("hello");
     $("#td1").show();   
            break;
        //etc... 
        default:
            alert("catch default");
            break;
    }
});
});

</script>

у вас есть ошибка в вашем коде unexpected token .use:

  $('#purpose').on('change', function () {
   if (this.value == '1') {
    $("#business").show();
    } else {
    $("#business").hide();
   }

   });

Demo

Обновление: Вы можете сузить код, используя .toggle()

 $('#purpose').on('change', function () {
   $("#business").toggle(this.value == '1');
 });




input