需要使用我在html上输入的元素形成一个数组

时间:2013-12-14 00:21:33

标签: jquery html arrays

我的代码出现问题。我正在尝试使用来自html的元素形成一个数组。

我的HTML就是这样:

<h2>Write the name of a friend </h2>

<input id="friends" type="text"/> <input type="button" value="Add name" button onclick="enter()"/>

我的jquery是:

myArray =[];
function enter() {
var friend = $("#friends").val();
myArray.push(friend);
};

谢谢

1 个答案:

答案 0 :(得分:0)

是的,您的代码有效。您只需删除button中的额外button onclick="enter()"/>

<input type="button" value="Add name" onclick="enter()"/>

“输入名称后如何查看数组?”这取决于您,您可以只是alert()并且您将看到数组的当前值: alert(myArray);。或者,您可以添加新元素并显示/输出数组的值onclick。另外,为什么不切换到不引人注目的处理事件的方式:

HTML:

<h2>Write the name of a friend </h2>
<input id="friends" type="text" />
<input type="button" value="Add name">
<p id="output"></p>

jQuery的:

myArray = [];
$('input[type="button"]').click(function () {
    var friend = $('#friends').val();
    myArray.push(friend);

    $('#output').text('My Friends: '+ myArray)//output myArray's value
    $('#friends').val('');//reset the input field
});

这是fiddle