如何使用javascript創建多值輸入文本框？

我想創建像下面給出的使用java腳本的輸入字段。請爲我提供適當的解決方案。如何使用javascript創建多值輸入文本框？

  <input type="text" name="package_location[]" class="form-control" >

元素創建，但是當我張貼的形式我越來越沒有價值的。我已經使用這個代碼。

var parinput=document.createElement('input'); 
 
      
 
       parinput.type="text"; 
 
parinput.name="package_location[]";

來源

2016-08-13 dpkrai96

分享你的嘗試哪些不適合你？ – C2486

var parinput = document.createElement（'input'）; parinput.type =「text」; parinput.name =「package_location []」; – dpkrai96

元素被創建，但是當我發佈表單時，我得到了一個不使用js而創建的值。 – dpkrai96

您可以創建輸入元素，但你必須使用jQuery

var parinput=document.createElement('input'); 
    $(parinput).attr("type","text"); 
$(parinput).attr("name","package_location[]"); 

$('body').append(parinput)

來源

2016-08-13 12:11:14

我的Java腳本代碼是正確的不僅是我所創建的錯誤追加到身體輸入字段名稱，如package_location []。並以Package_location的形式獲取它的大寫字母P和小寫字母P的區別。

來源

2016-08-13 12:23:05 dpkrai96

您的代碼存在的問題是您忘記將元素附加到DOM。使用純JavaScript，只需使用您所做的元素，並將其追加到身體：

var parinput = document.createElement('input'); //Create element 
parinput.type = "text"; //Add attribute "text" 
parinput.name = "package_location[]"; //Add attribute "name" 
document.getElementsByTagName("body")[0].appendChild(parinput) //Append to the first body element found

此方法適用於沒有JQuery的。

來源

2016-08-13 12:23:13

如何使用javascript創建多值輸入文本框？

回答

相關問題