2010-12-23 102 views
0

好吧,我是一個新手,jQuery和做一個點擊jQuery的刪除表單輸入字段

的jQuery後我被陷在.remove()

$(document).ready(function() { 
    $('.remove_group').click(function(){ 
    var remove_group_name = $(".test").val(); 
     $("#group_users["+remove_group_name+"][]").remove(); 
    }); 
}); 

HTML表單:

<input type="text" class="test" name="group_users[test][]" id="group_users[test][]" value="test"> <a href="#" class="remove_group" id="test">Remove Group</a> 

我點擊時想要「刪除羣組鏈接」刪除輸入字段,當我點擊它時,所有我得到的是網頁移動到頂端...

頁面上唯一的警告是:Expected attribute name or namespace but found ']'.

回答

1

首先,你的ID中含有非法字符(參見lonesomeday的答案)。
現在,如果你總是有電壓輸入接口旁邊的鏈接,你可以寫類似this

一兩件事,關於點擊頁面滾動到頂部的鏈接時,這是因爲你不會阻止默認LINK行爲通過使用: e.preventDefault;return false;

0

使用調試器並確保選擇器在「.remove();」之前。實際上是在找東西。最有可能的是,這是不正確的。 (爲什麼最後有空[「]?)

2

HTML文檔中的ID不能包含方括號([])。從HTML spec

ID和名稱標記必須以字母開頭([A-ZA-Z])和之後可以是任何數量的字母,數字([0-9]),連字符(」 - 「),下劃線(」_「),冒號(」:「)和句點(」。「)。

實際上,您應該限制自己的字母,數字,連字符和下劃線。

+0

+1解釋,我只是複製什麼名字值在一致性的緣故輸入字段顯示ID規格 – XMen 2010-12-23 18:19:16

+0

謝謝你,我給你加一個,因爲這個問題,但如果你給我最後的答案 – nictrix 2010-12-23 19:44:08

0

嘗試調試器:

  • 爲什麼類名和值是所有的相同