javascript - 使用 <li> 标记附加输入值

Question

提前致谢。 我正在尝试使用输入值附加列表。我可以使用预定义字符串附加列表，并且可以使用输入值附加到非列表项。但我在组合这些时遇到了麻烦，它似乎添加了额外的列表项。 这是我正在使用的代码:

    <ol>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
</ol>
<form>
    <div><textarea class="example-default-value" id="example-textarea" style="width: 400px; height: 50px;">Type some text in here to be appended</textarea></div>
    <div><input type="button" value="Append" onclick="example_append()" /></div>
</form>
<script language="javascript">
$('.example-default-value').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
        if(this.value == default_value) {
            this.value = '';
        }
    });
    $(this).blur(function() {
        if(this.value == '') {
            this.value = default_value;
        }
    });
});
function example_append() {
    $('ol').append("<li>"+($('#example-textarea').val())+"<li>");
}
</script>

Answer 1

哦，好的，我明白了 - 我正在使用两个 li 标签，而不是一个 li 和一个/li 结束标签!哦天哪...需要更多咖啡!!

    function example_append() {
    $('ol').append("<li>"+($('#example-textarea').val())+"</li>");
}