javascript - 按顺序将项目添加到列表中

Question

将项目添加到有序列表的最佳方式是什么？

我希望当某个项目更改值时，将该控件的值放置在列表中。

示例

-单选按钮值=单选按钮值;
- 复选框值 = 复选框值;
-文本框值=文本框值;

点击次数:首先点击复选框，然后点击单选按钮和最后一个文本框。

输出:

<ul>
<li>radiobuttonvalue</li>
<li>checkboxvalue</li>
<li>textboxvalue</li>
</ul>

所以我认为首先单击哪个控件并不重要，输出始终按相同的顺序排列。

Answer 1

使用 jQuery:

$('input').change(function(){
    var value = this.value;
    $('#output').prepend($('<p>', {text:value}));
})

HTML:

<input type='...'/>
<input type='...'/>
<input type='...'/>
<input type='...'/>
<div id='output'></div>

<小时/>

更新了 fiddle 以使用列表。

这是新的 js 代码:

$('input').change(function(){
    var value = this.value;
    $('#output').append($('<li>', {text:value}));
});

fiddle :http://jsfiddle.net/maniator/Ee7gY/