javascript - 麻烦的 JavaScript

Question

我正在尝试制作一个用于添加和删除标签的小标签列表 doohickey。我有一个文本框，用户可以在其中输入标签，以逗号分隔。和一个添加按钮。我希望当用户单击添加按钮将一个小 div 添加到框下方的 div 内部时。小 div 应该包含标签和一个稍后删除标签的小 x。这就是我所拥有的:

<script type='text/javascript'>
  function tagsremove(tag) {
    document.getElementByName('tags').value.replace('/'+tag+'\,\s/', '');
  }

  $('#tagbutton').click(function(){
    var tags = $('#tagsbox').text().split(", ");
    for (var tag in tags) {
      document.getElementByName('tags').value += tag +", ";
      $('#curtags').append("<div class='tag'>" 
        + tag 
        + " <a href='#' onlclick='tagsremove(\'" 
        + tag 
        + "\');$(this).hide();'>x</a></div>")
    }
  });
</script>

<div class='statbox'>
  <form method='post' action='post.php' id='writeform'>
    <p class='subtitle'>Title</p>
    <input type='text' name='title' id='titlebox' /><br />
    <p class='subtitle'>Body</p>
    <textarea id='postbox' name='body' rows='10'></textarea><br />
    <p class='subtitle'>Tags</p>
    <input type='text' id='tagsbox' /><input type='button' id='tagbutton' 
      value='Add' />
    <p class='subsubtitle'>Seperate by commas 
      (eg. "programming, work, job")</p>
    <div class='subsubtitle' id='curtags'>Current Tags:</div>
    <input type='hidden' value='' name='tags' />
  </form>
</div>

我遇到的问题是，当我单击“添加”按钮时，没有任何反应。我想解决这个问题。

Answer 1

你的第一个问题是

$('#tagsbox').text()

应该是

$('#tagsbox').val()

因为#tagsbox是一个输入字段。

还有其他问题，例如拆分“，”，然后 trim 而不是拆分“，”，但我认为您的主要问题是 .text() 与 .val()