2012-09-13 63 views
1

我有這樣的代碼如何使用jQuery刪除值上刪除字符在文本框中

<input type="hidden" value="[{"value":1,"label":"Emmoia Boently"},{"value":6,"label":"John Smith"}]" name="group[users][]" id="users"> 

<input type="text" value="Emmoia--Boently, John--Smith, " name="autocompleter_group[users][]" id="autocompleter_userss" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> 

現在我的問題是當前JavaScript是從文本框添加值到隱藏精密組件。

但是,當我刪除文本,然後它不會從隱藏的輸入字段中刪除。

所以我想在jQuery中做,當我開始刪除主文本框中的文本,然後值在隱藏的輸入字段以及刪除。

就像我們在,所以當我們刪除標記字符做發問頁

+1

任何代碼?如何添加值並嘗試刪除它們? –

+0

要開始,您已經在示例中弄亂了引號。其次,爲什麼不將隱藏字段的值重新設置爲文本框的當前表示。這比試圖解析出哪些值被刪除要簡單得多。 – Shmiddty

+0

我正在使用jquery自動完成插件 – user825904

回答

2
$("#autocompleter_userss").on("keyup", function() { 
    $("#users").val($(this).val()); 
}); 

Fiddle

1

UPDATE:好像你正在尋找一個標籤編輯器。爲詳盡的鏈接查看this post :)


$('input#1').change(function(){ 
    $('input#hidden').val($(this).val()); 
}); 

此外,你可以嘗試像knockout.js一些數據binidng libaries等等。

+0

其並不那麼簡單。在隱藏框中,我有ID和文本,但在文本框中,我只有文本,我通過AJAX自動完成調用獲取。我想我一些如何需要交叉按鈕來刪除值 – user825904

+0

@volcano:現在我得到你的問題。查看我的更新。嘗試** [這一個](http://textextjs.com/)**和[這一個](http://levycarneiro.com/projects/tag-it/example.html)來檢查你是否找到你在尋找什麼:) –

相關問題