输入字段来传递javascript数组

input field to pass the javascript array

本文关键字:javascript 数组 字段 输入      更新时间:2023-09-26

是否有可能有一个输入字段,用户可以输入数组和它传递值的函数将其视为数组?要清楚,这是可能使用javascript和HTML吗?

<input....of some type....>
function (from input as a form of array){
calculation
}

我想有一个输入字段,在那里我可以输入像[1,2,3,4..][(1,2),(2,3)...]这样的东西,并将其传递给函数,而无需任何进一步的操作,希望它将数组视为数组而不是"文本"。我想我可以使用eval,但我不想信任用户。

JSON.parse()将在这里提供帮助

支持IE8+

HTML:

<input type="text" id="t1" value="[1,2,3,4,5,6]"/>
<input type="text" id="t2" value="[[1,2],[3,4],[5,6]]"/>
JavaScript:

var a1 = JSON.parse(document.getElementById("t1").value);
var a2 = JSON.parse(document.getElementById("t2").value);
console.log(a1);
console.log(a2);

小提琴

http://jsfiddle.net/NNcg7/

如果使用标准分隔符输入数据,则可以从文本输入创建数组。也就是说,如果用户在文本字段中输入1,2,3,4,您可以使用split方法在Javascript中创建一个数组。

var myInputValue = document.getElementById(yourElementId); //value will be "1,2,3,4"
var myArray = myInputValue.split(","); //value will be [1,2,3,4]