1
私のコードでは、ユーザーが塗りつぶすHTMLフォームがあります。次に、 "member"フィールドに値を入力し、ボタンをクリックしてdiv = 'sector_prop'の追加コピーを生成します。 FORM部分がある - ここではセクタ数（LTE）forループを使用してdivを追加する
<br>
<br>
<input type="text" id="member" name="member" value="">
<br>
<br>
<button>Generate Sector Properties</button>
DIV "sector_propは、" 私はforループを使用してdiv要素を追加したい
<div class="sector_prop">
<fieldset>
Primary LTE Carrier (Select lowest frequency on the site 850 for Band 5, AWS
for Band 4 and PCS for Band 2)<br>
<br>
<select name="lte_freq1">
<option value="6">850</option>
<option value="2">AWS</option>
<option value="4">PCS</option>
</select>
<br>
</fieldset>
です。このコードは1,2,3,4,5の値に対して完全に機能します。 numberの値が6以上の場合、コードが分割され、必要なdivよりも多くの値が追加されます。私はなぜこれが起こるかを調べようとしています。助言がありますか ？
$(document).ready(function(){
$("button").click(function(){
var number = document.getElementById("member").value;
var repeat = $('.sector_prop');
var cloned = repeat.clone(true);
console.log(number);
for (i=1;i<number;i++){
cloned.appendTo('.sector_prop');
console.log(i);
console.log(cloned);
}
});
});
$(document).ready(function(){
$("button").click(function(){
var number = document.getElementById("member").value;
var repeat = $('.sector_prop');
var cloned = repeat.clone(true);
console.log(number);
\t for (i=1;i<number;i++){
cloned.appendTo('.sector_prop');
\t console.log(i);
\t console.log(cloned);
\t }
\t
});
});<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<form action="/form" method="post">
<fieldset>
<legend><b> Transport Information</b></legend>
<br>
<br>
OAM IP:<br>
<input type="text" name="oam_ip" pattern="^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$" required>
<br>
<br>
<fieldset>
<fieldset>
<legend><b> RF Parameters</b></legend>
<br>
Number of Sectors (LTE)<br>
<br>
<input type="text" id="member" name="member" value="">
<br>
<br>
<button>Generate Sector Properties</button>
<br>
<br>
<fieldset>
<div class="sector_prop">
<fieldset>
Primary LTE Carrier (Select lowest frequency on the site 850 for Band 5, AWS for Band 4 and PCS for Band 2)<br>
<br>
<select name="lte_freq1">
<option value="6">850</option>
<option value="2">AWS</option>
<option value="4">PCS</option>
</select>
<br>
<br>
</fieldset>
</div>
<input type="submit">
</form>
<br>
<br>
</body>
あなたはplunkrの上に置くか、スニペットを使用することができますか？ –
おそらく 'i'は0に等しいはずですか？ –