jquery語法請教

javascript 網頁設計程式設計 jquery

kmckmc 2015-08-07 13:42:49 ‧ 3493 瀏覽

分享至

下方與法式autocomplete的語法，會將輸入關鍵字做搜尋，並自動選出可填入字
過程中可以連續輸入與選擇，並使用逗號分開

$(function() {
function split( val ) {
//alert(val);
return val.split( /,\s*/ );
}
function extractLast( term ) {
return split( term ).pop();
}

$("#S1")
// don't navigate away from the field on tab when selecting an item
.bind( "keydown", function( event ) {
if ( event.keyCode === $.ui.keyCode.TAB &&
$( this ).autocomplete( "instance" ).menu.active ) {
event.preventDefault();
}
})
.autocomplete({
source: function( request, response ) {
$.getJSON( "XXX.PHP", {
searchTerm: extractLast( request.term )
}, response );
//alert(response);
},
search: function() {
// custom minLength
var term = extractLast( this.value );
if ( term.length < 1 ) {
return false;
}
},
focus: function() {
// prevent value inserted on focus
return false;
},
formatItem: function(row) {
return "<div style='height:12px'><div style='float:left'>" + //row[0] +
"</div>" +
// row[1] + "/" +
"" + row[2] +"</div>";
},
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.value );
// add placeholder to get the comma-and-space at the end
terms.push( "" );
this.value = terms.join( ", " );
return false;
}
});
});

想請教，如果我的textarea，我想保留換行，我該怎麼改，因為即使我換行，他還是會幫我用逗號分開再組合起來

看更多先前的討論...收起先前的討論...

weiclin iT邦高手 4 級 ‧ 2015-08-07 16:33:07 檢舉

我會建議你先把程式碼放到程式碼樣式裡面
不然你這樣貼很難閱讀

fillano iT邦超人 1 級 ‧ 2015-08-07 17:50:38 檢舉

幫忙格式化，明明底下的字數上限是10,000字，實際上是1,000

...所以放到gist上：
https://gist.github.com/fillano/5840fa93d22b6294449b

weiclin iT邦高手 4 級 ‧ 2015-08-07 19:29:55 檢舉

kmckmc iT邦新手 5 級 ‧ 2015-08-07 20:14:40 檢舉

謝謝您，下次改進...^_^

kmckmc iT邦新手 5 級 ‧ 2015-08-07 20:15:44 檢舉

謝謝您

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

weiclin

iT邦高手 4 級 ‧ 2015-08-07 19:21:43

最佳解答

只要改掉 select 這邊的作法就可以了

&lt;pre class="c" name="code">
select: function( event, ui ) {
        var term = extractLast( this.value );
        
        // add the selected item
        var itemPos = this.value.lastIndexOf(term);
        this.value = this.value.substr(0, itemPos) + ui.item.value;
        
        // add comma-and-space at the end
        this.value += ", ";
        return false;
}