获取动态创建的输入元素的值

Question

我使用下面的 JavaScript 创建了动态 input 元素：

while(count<n-2){
  if(dataArray[count+1]=='String')
    var txt = "Argument:"+(count+1)+", Prefix: <input type=\"text\" name=\"prefix[]\">, Default value: <input type=\"text\" name=\"defaultval[]\" id=\"defaultval[]\"> <br>"; 
  else if(dataArray[count+1]=='File')
      var txt = "Argument:"+(count+1)+", Prefix: <input type=\"text\" name=\"prefix[]\">, Default file: <input type=\"file\" name=\"fileToUpload[]\" id=\"fileToUpload[]\"> <br>"; 

      $("#dynamic_element").append(txt);
  count++;
} 

如何使用jQuery获取创建的inputs的值？

我的意思是在函数内部是这样的：

function myFunc(){
    var x0 = $('#defaultval[0]').val();
    var y0= $('#fileToUpload[0]').val();
}

Answer 1

方括号不是 ID 的有效字符。要么删除它们，要么使用：

var x0 = $('input[id="defaultval[0]"]').val();
var y0 = $('input[id="fileToUpload[0]"]').val();

工作示例：

var x0 = $('input[id="defaultval[0]"]').val();
var y0 = $('input[id="fileToUpload[0]"]').val();

$('#example1').text('value of "defaultval[0]": ' + x0);
$('#example2').text('value of "fileToUpload[0]": ' + y0);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="defaultval[0]" name="defaultval[0]" value="0">
<input type="text" id="fileToUpload[0]" name="fileToUpload[0]" value="1">
<br>
<span id="example1"></span>
<br>
<span id="example2"></span>