divをユーザーの入力に基づいて設定した回数(1〜5回)表示したい。私はもともと内部HTMLのコピーを格納するためにjavascriptを使ってみました。ユーザーが番号(1-5)を変更するたびに、javascriptメソッドに番号を渡してdivを空にし、内部HTMLのコピーをdiv内に何度も貼り付けます(渡された数値)。これは、JQuery Mobileスタイルを使用しないプレーンなバニラのjavascript出力を生成するように見え、私はリフレッシュメソッドを動作させることができませんでした。JQuery Mobileで複雑なdivを動的に更新するにはどうすればよいですか?
var content = $('.someClass').html();
function setNumDivs(numDivs){
$('.someClass').html("");
for(var i=0; i<numDivs; i++){
$('.someClass').append(content);
}
}
これは私が(たとえば、ユーザーが戻って1に、その後3から5に変更することができ、およびDIVを持つ必要があり、ユーザの入力に応じて繰り返す(1-5回)をしようとしているdiv要素であります動的)ページの更新せずに繰り返し、その回数を表示:
<div class="someClass">
<label for="selectionButton" class="select"></label>
<select name="selectionButton" id="selectionButton">
<option value="default">Select a major</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<span id="someSlider" data-role="fieldcontain"> %
<input type="range" name="slider" id="slider" value="50" min="1" max="100"/>
</span>