日期:2014-05-17  浏览次数:20652 次

js获取文本列表框的值
类似百度搜索那样的列表。根据文本框输入的值,下面列表出现对应的提示内容。怎么取得当前选中的值呢?

------解决方案--------------------
用jquery可以实现。我以前试过。试试吧
------解决方案--------------------
汗,你下面的列表怎么做出来的?是用div 还是select ? 

你给每一行写一个点击事件不就可以了,点击了就把值写入文本框
------解决方案--------------------
刚那地址打不开了 http://www.cnblogs.com/montya/archive/2011/09/04/baidu.html
------解决方案--------------------
var upordownindex = -1;
var wordNode;
$(document).ready(
function() {
wordNode = $("#word");
var offset = wordNode.offset();
var auto = $("#auto").hide().css("border", "1px solid black").css(
"position", "absolute").width(wordNode.width() + 4 + "px")
.css("left", offset.left + "px").css("top",
offset.top + wordNode.height() + 5 + "px");
$("#word").keyup(
function(event) {
var myEvent = event || window.event;
var keyCode = myEvent.keyCode;
var divs = auto.children();

if (keyCode >= 65 && keyCode <= 90 || keyCode == 8
|| keyCode == 46) {
var wordText = $("#word").val();
$.post("autoComplete", {
word : wordText
}, function(data) {
var jqueryobj = $(data);
var wordnodes;
wordnodes = jqueryobj.find("word");
auto.html("");
wordnodes.each(function() {
var newDivs=$("<div>").html($(this).text());
newDivs.appendTo(auto);
newDivs.mouseover(function(){
newDivs.css("background-color","gray");
});
newDivs.mouseout(function(){
newDivs.css("background-color","white");
});
newDivs.mousedown(function(){
wordNode.val(newDivs.text());
});
});

if (wordnodes.length > 0) {
auto.show();
} else {
auto.hide();
upordownindex = -1;
}

}, "xml");

} else if (keyCode == 38 || keyCode == 40) {
if (keyCode == 38) {
divs.eq(upordownindex).css("background-color",
"white");
if (upordownindex == -1) {
upordownindex = divs.length - 1;
} else {
upordownindex--;
}
divs.eq(upordownindex).css("background-color",
"gray");
} else {
divs.eq(upordownindex).css("background-color",
"white");
if (upordownindex == divs.length - 1) {
upordownindex = -1;
}
upordownindex++;
divs.eq(upordownindex).css("background-color",
"gray");
}

} else if (keyCode == 13) {
if (upordownindex != -1) {
wordNode.val(divs.eq(upordownindex).text());
upordownindex = -1;
auto.hide();
} else {
alert("点击按钮提交了:" + $("#word").val());
wordNode.get(0).blur();
}

}

});

$("input[type='button']").click(function() {
alert("点击按钮提交了:" + $("#word").val());
});
});
------解决方案--------------------
例如列表所有内容是
<input type="text" id="input"/>