Javascript 捕获自动填充的文本框值和回显
以下是jquery中的一段代码,它在选中复选框后生成文本框。我想在动态生成的数据中捕获输入的数据,并在csv格式的文本区域中回送相同的数据 只要用户选中1个复选框,就会生成两个文本框。但是,我希望输入的数据以csv格式在一个新的文本框/区域中回显Javascript 捕获自动填充的文本框值和回显,javascript,jquery,Javascript,Jquery,以下是jquery中的一段代码,它在选中复选框后生成文本框。我想在动态生成的数据中捕获输入的数据,并在csv格式的文本区域中回送相同的数据 只要用户选中1个复选框,就会生成两个文本框。但是,我希望输入的数据以csv格式在一个新的文本框/区域中回显 <script type="text/javascript"> function updateTextArea() { var allVals = []; $('#my
<script type="text/javascript">
function updateTextArea() {
var allVals = [];
$('#mydiv :checked').each(function () {
allVals.push($(this).val());
});
$('#txtValue').val(allVals)
}
$(function () {
$('#mydiv input').click(updateTextArea);
updateTextArea();
});
</script>
<script type="text/javascript">
function dynInput(cbox) {
if (cbox.checked) {
var input = document.createElement("input");
var input1 = document.createElement("input");
input.type = "text";
var div = document.createElement("div");
var div1 = document.createElement("div");
div.id = cbox.name;
div.innerHTML = "Enter Max Size of " + cbox.name;
div1.innerHTML = "Enter Min Size of " + cbox.name;
div.appendChild(input);
div.appendChild(input1);
document.getElementById("insertinputs").appendChild(div);
document.getElementById("insertinputs").appendChild(div1);
} else {
document.getElementById(cbox.name).remove();
}
}
</script>
函数updateTextArea(){
var-allVals=[];
$('#mydiv:checked')。每个(函数(){
allVals.push($(this.val());
});
$('#txtValue').val(所有val)
}
$(函数(){
$(“#mydiv输入”)。单击(updateTextArea);
updateTextArea();
});
功能输出(cbox){
如果(cbox.checked){
var输入=document.createElement(“输入”);
var input1=document.createElement(“输入”);
input.type=“text”;
var div=document.createElement(“div”);
var div1=document.createElement(“div”);
div.id=cbox.name;
div.innerHTML=“输入“+cbox.name”的最大大小;
div1.innerHTML=“输入“+cbox.name”的最小大小;
div.appendChild(输入);
子类(输入1);
document.getElementById(“插入输入”).appendChild(div);
document.getElementById(“insertinputs”).appendChild(div1);
}否则{
document.getElementById(cbox.name).remove();
}
}
HTML代码:
<div id="mydiv">
<input type="checkbox" name="1 RK Apartment" id="1 RK Apartment" value="1 RK" onClick="dynInput(this);"/> 1 RK Apartment<br />
<input type="checkbox" name="1 BHK Apartment" id="1 BHK Apartment" value="1 BHK" onClick="dynInput(this);" /> 1 BHK Apartment<br />
<input type="checkbox" name="1.5 BHK Apartment" id="1.5 BHK Apartment" value="1.5 BHK" onClick="dynInput(this);" /> 1.5 BHK Apartment<br />
<input type="checkbox" name="2 BHK Apartment" id="2 BHK Apartment" value="2 BHK" onClick="dynInput(this);" /> 2 BHK Apartment<br />
<input type="checkbox" name="2.5 BHK Apartment" id="2.5 BHK Apartment" value="2.5 BHK" onClick="dynInput(this);" /> 2.5 BHK Apartment<br />
<input type="checkbox" name="3 BHK Apartment" id="3 BHK Apartment" value="3 BHK" onClick="dynInput(this);" /> 3 BHK Apartment<br />
<input type="checkbox" name="3.5 BHK Apartment" id="3.5 BHK Apartment" value="3.5 BHK" onClick="dynInput(this);" /> 3.5 BHK Apartment <br />
<input type="checkbox" name="4 BHK Apartment" id="4 BHK Apartment" value="4 BHK" onClick="dynInput(this);" /> 4 BHK Apartment <br />
<input type="checkbox" name="4+ BHK Apartment" id="4+ BHK Apartment" value="4+ BHK" onClick="dynInput(this);" /> 4+ BHK Apartment <br />
<textarea id="txtValue" name="config"></textarea>
</div>
</tr>
1 RK公寓
1 BHK公寓
1.5 BHK公寓
2 BHK公寓
2.5 BHK公寓
3 BHK公寓
3.5 BHK公寓
4 BHK公寓
4+BHK公寓
请不要标记垃圾邮件。这与PHP无关。抱歉,我弄糊涂了。基本上,应用程序是用php编写的。