Как мы можем создать еще одно окно выбора с некоторыми опциями через JQuery - PullRequest
Новая
       4

Как мы можем создать еще одно окно выбора с некоторыми опциями через JQuery

1 голос
/ 25 января 2012

Я хотел бы создать еще одно поле выбора из значения поля выбора. через Jquery.

Мы применили этот код, и в данный момент он не работает. 

<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script>
  $(document).ready(function () {
    var rooms = $("#rooms");
    var ROOMS = rooms.val() ;

    var max_adults_a = 3;
    var min_adults_a = 2;

    var max_adults = max_adults_a; 
    var min_adults = min_adults_a;
    var num = min_adults * ROOMS;
    ROOMS.change(function() {
      while (num <= max_adults_a * ROOMS) {
        $('#person').append($('<option></option>').val(num).html(num)
      )};
    });
 });
</script>
</head>
<body>
  <h1>Populating Select Boxes</h1>
  Category:
  <select name="rooms" id="rooms">
     <option Selected value="">Select</option>
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
  </select>
  person
  <select name="person" id="person">
  </select>
</body>

у нас есть 2 поля выбора один для комнат, а другой для персон, у нас есть список для комнат, но мы должны обновить персон в соответствии с размером комнаты, если у нас есть тип комнаты "3", то люди будут быть разрешенным для этой комнаты 6,7,8,9.

Параметры для Персона будут изменены соответственно. Пожалуйста, предоставьте мне подходящие решения Спасибо Rod

Ответы [ 2 ]

3 голосов
/ 25 января 2012 
$(document).ready(function () {
    var max_adults = 3; 
    var min_adults = 2;
    $('#rooms').change(function(){
        var room_num = $(this).val();
        var options = '';
        for (var i = min_adults * room_num; i <= max_adults * room_num; i++) {
            options += '<option value="'+i+'">'+i+'</option>'
        }
        $('#person').html(options);
    });
    $('#rooms').change();
});
1 голос
/ 25 января 2012

Вкл. jsfiddl.net 

<head>
  <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
  <script>
       $(document).ready(function () {
         var rooms = $("#rooms");
         var ROOMS = rooms.val() ;

         var max_adults_a = 3;
         var min_adults_a = 2;

         var max_adults = max_adults_a; 
         var min_adults = min_adults_a;

         $("#rooms").change(function() {
            $('#person').html("");
           var selectedRoom = parseInt($("#rooms option:selected").val(), 10)
           var num = min_adults * selectedRoom ;
           while (num <= max_adults_a * selectedRoom ) {
             $('#person').append($('<option></option>').val(num).html(num));
             num++;
           }
        });
     });
  </script>    
</head>
<body>
  <h1>Populating Select Boxes</h1>
  Category:
  <select name="rooms" id="rooms">
     <option Selected value="">Select</option>
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
  </select>
  person
  <select name="person" id="person">
  </select>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...