1

ドロップダウンは、最初は次のようselectに作成されています。php

  <select id="cupcake-amt" name="amt">
         <?php for($i=0; $i<50; $i++) : ?>
          <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
          <?php endfor; ?>
  </select>

オプションを別の量に再構築するjquery関数を作成するにはどうすればよいですか。したがって、50のオプションの代わりに、12のオプションが必要になります。最善のアプローチは何ですか？

4

3 に答える 3

2

jQueryで最大12項目のオプションを再構築する場合は、次のようにすることができます

<script type="text/javascript">
   $(function(){
      var options="";
      var numberOfItemsNeeded=12;
      for(var i=1;i<=numberOfItemsNeeded;i++)
      {
         options+="<option value='"+i+"'>"+i+"</option>";
      }       
      $("#cupcake-amt").html(options);        
   });
</script>

作業サンプル： http： //jsfiddle.net/yDh6x/3/

于 2012-08-13T13:18:24.607 に答える
0

JS関数を作成できます。

function generator(number, selectId) {
   var options = '';
   for (var i = 0; i < number; i++) {
     options += "<option value="+i+'>'+i+'</option>'
   }
   $('#'+selectId).html(options)
}

次に、関数を呼び出します。ここで、10は生成する必要のあるオプションの数であり、selectIdはターゲットselect要素のIDです。

generator(10, 'target')

デモ

于 2012-08-13T13:19:08.143 に答える
0

選択を空にするだけです。次に、変数を使用してオプション要素を格納し、最後に追加します。

$('#cupcake-amt').empty(); // <-- empty the select box - so it removes the 50
var x = '';  // <-- variable to store option string
for(i=0;i<theLengthYouWant;i++){  
   x += '<option value="' + i + '">' + i + '</option>';  // <-- store how many options
}
$('#cupcake-amt').append(x);  // <-- append to the select

http://jsfiddle.net/wirey00/BSmKt/

于 2012-08-13T13:18:03.000 に答える