Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 捕获自动填充的文本框值和回显_Javascript_Jquery - Fatal编程技术网

Javascript 捕获自动填充的文本框值和回显

Javascript 捕获自动填充的文本框值和回显,javascript,jquery,Javascript,Jquery,以下是jquery中的一段代码,它在选中复选框后生成文本框。我想在动态生成的数据中捕获输入的数据,并在csv格式的文本区域中回送相同的数据 只要用户选中1个复选框,就会生成两个文本框。但是,我希望输入的数据以csv格式在一个新的文本框/区域中回显 <script type="text/javascript"> function updateTextArea() { var allVals = []; $('#my

以下是jquery中的一段代码,它在选中复选框后生成文本框。我想在动态生成的数据中捕获输入的数据,并在csv格式的文本区域中回送相同的数据

只要用户选中1个复选框,就会生成两个文本框。但是,我希望输入的数据以csv格式在一个新的文本框/区域中回显

 <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编写的。