返回列表 發帖
有個 autoFill 的屬性設定為 true 就可以囉

http://docs.jquery.com/Plugins/A ... #url_or_dataoptions
Fill the textinput while still selecting a value, replacing the value if more is typed or something else is selected.
To infinity and beyond!

TOP

非常感謝wmh~  晚上回去試試~

TOP

原帖由 wmh 於 2009-7-26 20:02 發表
有個 autoFill 的屬性設定為 true 就可以囉

http://docs.jquery.com/Plugins/A ... #url_or_dataoptions


我昨天晚上回去試用了下,將autoFill的屬性設定為true,結果是這樣的:


盤龍
狂龍
.
.
.

注:第一行為input,下麵是下拉列表,效果也就是如圖:   即:  input匹配第一行符合的記錄,自動去填充下拉列表第一行的在減去input字串長度的後一部份字符串(比如:input為龍, 下拉列表第一行為 盤龍, 盤龍長2,減去input的長1,還剩1,也就是說 需要在input后補齊的是盤龍的“龍”)。  不知道我這樣講清楚了沒?。。。

還有就是在下拉列表中用方向鍵選中項時,input不發生改變。。。

望指教~  非常感謝~!

TOP

自動補齊的功能通常是要先符合前面輸入的字串,再補齊。
以你的資料為例,若有「盤龍」和「狂龍」兩筆資料,則輸入「盤」時,會自動補齊「龍」才是
To infinity and beyond!

TOP

原帖由 wmh 於 2009-7-28 11:40 發表
自動補齊的功能通常是要先符合前面輸入的字串,再補齊。
以你的資料為例,若有「盤龍」和「狂龍」兩筆資料,則輸入「盤」時,會自動補齊「龍」才是 ...

嗯,我明白你的意思。
如果是:

盤根錯節
盤龍

這樣的下拉列表的話, 輸入[盤]時,會補齊[盤根錯節],然後方向鍵下選中[盤龍],input依然是[盤根錯節]而不是預期的[盤龍]。。
這有什麽解決方案嗎?
謝謝!

TOP

嗯,這個 plugin 原始的設計確實沒有在按「上」、「下」時重做 autoFill(),如果要這樣的呈現方式,可能要找其他 plugin 或自己修改囉。
To infinity and beyond!

TOP

原帖由 wmh 於 2009-7-28 22:25 發表
嗯,這個 plugin 原始的設計確實沒有在按「上」、「下」時做 autoFill(),如果要這樣的呈現方式,可能要找其他 plugin 或自己修改囉。


嗯,好的,我再想想其他辦法。
謝謝wmh啦~~

TOP

wmh,再請教一下~

今天又使用了一个jquery的datepicker插件  http://jqueryui.com/demos/datepicker/
结果总是在FF里报下面这个错误:
错误: $("#fromtime").datepicker is not a function

PS;检查了js的顺序 和demo里是一致的。。(我那個autocomplete也正常,這樣應該可以排除是緩存的問題)。。
敢问这是啥原因呢?
代码如下:
js部分:
<script type="text/javascript" src="/xm/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/xm/js/ui.core.js"></script>
<script type="text/javascript" src="/xm/js/ui.datepicker.js"></script>
<script type="text/javascript">
$(function() {
$('#fromtime').datepicker({
changeMonth: true,
changeYear: true
});
});
</script>

input部分:

<div>

<input name="fromtime" id="fromtime" type="text" size="30"
class="bg_sc_td_rt_lf" />

</div>

TOP

$("#fromtime").datepicker is not a function 表示你的 js 檔可能沒有正確載入喔,請確認檔案位置都正確。不然可先試試看直接用 jquery 網站上面的版本:
<script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.datepicker.js"></script>
PS. 若有其他 plugin 使用的問題,建議你另開新帖發言喔,這樣才不會和 Autocomplete 的問題混在一起喔。
To infinity and beyond!

TOP

原帖由 wmh 於 2009-8-3 00:00 發表
$("#fromtime").datepicker is not a function 表示你的 js 檔可能沒有正確載入喔,請確認檔案位置都正確。不然可先試試看直接用 jquery 網站上面的版本:





PS. 若有其他 plugin 使用的問題,建議你另開新帖發言喔,這樣 ...


謝謝! 晚上回去試試~
PS:  OK,下次謹記不同主題發新帖~

TOP

返回列表 回復 發帖