0

つまり、兄弟が何人いるかを尋ねるフォームがあり、ドロップダウン リストから番号を選択するとします。数字を選択すると、選択した数字に対応するいくつかのフィールドが表示されます。Javascript でこの機能を実行するにはどうすればよいですか? 前もって感謝します！

4

3 に答える 3

1

ここでは、 @ Anurag Uniyalの回答に基づくこのようなものが機能するはずです。変数を、独自の変数に置き換えるだけです。

var total = $select.find('option').length,
    inputs = [];

for (var i = 0; i < total; i++) {
    inputs.push('<input class="myinput" type="text"/>');
}

$(inputs.join('')).hide().appendTo($form);

$select.change(function () {
    var n = $(this).val();
    $('.myinput').hide().slice(n - 1, total).show();
});
于 2012-04-26T00:38:54.350 に答える
1

ドロップダウン リストの各数値に対して を作成inputして非表示にし、ユーザーが選択した数値に基づいて、その多くの入力を表示します

于 2012-04-26T00:23:09.043 に答える
0 
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
 </head>
 <body>

   <select id="numbers" onchange="numberSelected()">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
      <option value="4">4</option>
   </select>

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
     $(document).ready(function(){

       $('#numbers').change(function() {
           var selectedNum = $('#numbers').val();
           for(var i=0; i<selectedNum; i++) {
              $('#numbers').after('<input></input>');
           }           
       });

     });
   </script>
 </body>
 </html>
于 2012-04-26T00:47:02.870 に答える