jquery - divから番号を取得し、同じ量のオプションを選択ドロップダウンに入力します

Question

別のdivの数値と同じ量のオプションを選択ドロップダウンに入力しようとしています。

たとえば、divの値が「3」の場合、選択ドロップダウンに3つのオプションを入力する必要があります。例：

<select name="quantity">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

divの番号が6に変更された場合、選択に6つのオプションが入力されます。

どんな助けでも大歓迎です！ありがとう。

Answer 1

これは、あなたの望むことですか？

http://jsfiddle.net/Sgqjg/

htmlは次のとおりです。

<div id="changeMe">9</div>

<select name="quantity" id="populateMe">
</select>

スクリプトは次のとおりです。

var num = parseInt($("#changeMe").text());
var opt = '';
for(i=1;i<=num;i++){
     opt +=  "<option value='" + i + "'>" + i + "</option>";
}
$("#populateMe").html(opt);

編集：各ループでdivのテキスト値を追加してintに変換すると、プロセスが遅くなります。

Answer 2

divが変更されるたびにこのコードを呼び出します。divのIDが「otherDiv」でドロップダウンのIDが「yourSelect」であると仮定します

var count = parseInt ( $("#otherDiv").html() );

var options = "";
for (var x = 1; x<= count; x++)
{ 
   options += "<option>" + x + "</option>";
}

$("#yourSelect").htmml(options);

（これにはjqueryが必要です）

Answer 3

JS：

var $sel = $("select");

$("input").keyup(function () {
    $sel.empty();
    var howMany = parseInt($(this).val(), 10);
    for (var i = 1; i <= howMany; i++) {
        $sel.append("<option value='" + i + "'>" + i + "</option>");
    }
});​

高度に洗練されたレイアウト：

<select></select>
<input />
​​​​​​​​​​​​​​​​​​​​​​

デモ。