使用jQuery創建和刪除信息

我正在研究標記系統，並希望用戶能夠在頁面上添加和刪除標記。對於每一個多數民衆贊成加入我顯示一個小標籤和一個X的div去除標籤。我有添加功能的工作，但我不知道如何去做，所以我可以刪除它們。我也有一個隱藏的輸入，它應該包含所有的值，以便在提交信息時我可以使用它。使用jQuery創建和刪除信息

繼承人我嘗試不工作：

function tagsremove(tag) { 
    $('#hiddentags').val().replace('/'+tag+'\,\s/', ''); 
    $("#tagdiv-"+tag.replace(" ","_")).fadeOut('normal', function(){ 
     $(this).remove(); 
    }); 

} 
$(document).ready(function(){ 
    $('#tagbutton').click(function(){ 
     var tags = $('#tagsbox').val().split(", "); 
     for (var i in tags) { 
        $('#hiddentags').val($('#hiddentags').val() + tags[i] +", "); 
      $('#curtags').append("<div class='tag'>" + tags[i] + " <a href='#' id='#tagdiv-"+tags[i].replace(" ", "_")+"' onclick='tagsremove(\""+tags[i]+"\");' >x</a></div>"); 
     } 
     $('#tagsbox').val(''); 
    }); 
});

繼承人的HTML去用它：

<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' id='hiddentags' /> 
    </form> 
</div>

來源

2009-04-09 The.Anti.9

而不是使用.VAL（ ''），你應該使用的.html （ ''）;

http://docs.jquery.com/Manipulation

來源

2009-04-09 06:08:48 Ruggs

我使用VAL，因爲我改變了一個隱藏的輸入值在一種情況下的值，並在文本框另一個。 – 2009-04-09 06:12:49

使每個標籤div都有一個相關的ID。比如說，「play pen balls」標籤，你的ID可以是「tagdiv-play_pen_balls」。現在你可以做

function removeTag(tag) { 
    $("#tagdiv-"+tag.replace(" ","_")).remove(); 
}

刪除可見的div。

（我不知道如果這是你問的是什麼，雖然...）

來源

2009-04-09 06:22:47 AKX

使用jQuery創建和刪除信息

回答

相關問題