javascript - jQuery 在使用 JavaScript 更改后获取输入值

Question

我有以下问题:

我需要附加一个值为 的字段，但 JavaScript 无法识别或读取输入字段内的值。

jQuery“on”方法无法识别字段内的值。

我该如何解决这个问题。单击列表项应附加到输入字段内的值。

示例:http://jsfiddle.net/fbLb3k95/1/

JS:

$(function(){

$(document).on("click", ".tagSelect a", function(){
    // input field containing values
    if($("input[name='tags']").html() != "")
        tags = $("input[name='tags']").html() + ",";
    else
        tags = "";

    // add new value
    $("input[name='tags']").val(tags + $(this).attr("data"));
});


});

HTML:

<input type="text" class="form-control" name="tags" placeholder="tags" value="" />

<ul id="tagSelect" class="tagSelect">
<li class="row">
    <a class="anchorList back-history-counter" data="monkey">
        <p>monkey</p>
    </a>
</li>
<li class="row">
    <a class="anchorList back-history-counter" data="elephant">
        <p>elephant</p>
    </a>
</li>
<li class="row">
    <a class="anchorList back-history-counter" data="lion">
        <p>lion</p>
    </a>
</li>
</ul>

Answer 1

使用 val() 方法代替 html():

$(function(){

$(document).on("click", ".tagSelect a", function(){
    // input field containing values
    if($("input[name='tags']").val() != "")
        tags = $("input[name='tags']").val() + ",";
    else
        tags = "";

    // add new value
    $("input[name='tags']").val(tags + $(this).attr("data"));
});


});