想请教下大家,我的这代码是带有模糊查询的下拉框并且和下一个下拉框二级联动的代码,但是现在第一个下拉框可以模糊查询,并且成功查询到数据(链接数据库),第二个下拉框

tutu_1997 2018-09-19 04:06:26
想请教下大家,我的这代码是带有模糊查询的下拉框并且和下一个下拉框二级联动的代码,但是现在第一个下拉框可以模糊查询,并且成功查询到数据(链接数据库),第二个下拉框和第一个下拉框不是模糊查询时能二级联动(同样都是连数据库),但是模糊查询得到的结果无法二级联动,想问下怎么解决?搞了好久了,实在没办法了!



类别:
<span class="second">
<input name="makeupCo" class="makeinp" id="makeupCo" onfocus="setfocus(this)" oninput="setinput(this);" style="display:block;width:100%; height:60px; margin-top:20px;text-align:center;line-height:30px" type="text" placeholder="请选择或输入">
<select type="text" id="lb" name="lb" class="lb" style="display:block;width:100%; height:60px; margin-top:20px;text-align:center;line-height:30px" valueField="OrganizationID" textField="OrganizationName" required="true" editable="true";onchange="this.parentNode.nextSibling.value=this.value" >
</select></span>

<script>
var TempArr = [];
$(function() {
$("#lb option").each(function(index, el) {
TempArr[index] = $(this).text();
});
$(document).bind('click',
function(e) {
var e = e || window.event;
var elem = e.target || e.srcElement;
while (elem) {
if (elem.id && (elem.id == 'lb' || elem.id == "makeupCo")) {
return;
}
elem = elem.parentNode;
}
$('#lb').css('display', 'none');
});
})

function changeF(this_) {
$(this_).prev("input").val($(this_).find("option:selected").text());
$("#lb").css({
"display": "none"
});
}
function setfocus(this_) {
$("#lb").css({
"display": ""
});
var select = $("#lb");
for (i = 0; i < TempArr.length; i++) {
var option = $("<option></option>").text(TempArr[i]);
select.append(option);
}
}

function setinput(this_) {
var select = $("#lb");
select.html("");
for (i = 0; i < TempArr.length; i++) {
if (TempArr[i].substring(0, this_.value.length).indexOf(this_.value) == 0) {
var option = $("<option></option>").text(TempArr[i]);
select.append(option);
}
}
}
</script>

型号:
<select name="xh" class="xh" style="display:block;width:100%; height:60px; margin-top:20px;text-align:center; line-height:30px">
<option value="">-- 请选择 --</option>
</select>
<br>
<script>
$(function(){
var url = 'xh.php';
$(".lb").change(function(){
var address = $(this).val();
$.ajax({
type:'POST',
url:url,
data:{key:address},
contentType:'application/x-www-form-urlencoded; charset=UTF-8',
dataType:'text',
success:function(data){
var status = data.status;
var address = data.data;
$(".xh").html(data);
},
error:function(error){ alert(1);
}
});
});
window.onload = function() {
var txtSearch = document.getElementById("txtSearch");
var selType = document.getElementById("lb").options;
var List = [];
for (var i = 0; i < lb.length; i++) {
List[i] = lb[i].value + "|" + lb[i].text;
}
txtSearch.onclick = function() {
var Html = "";
if (!(txtSearch.value.length < 1)) {
lb.length = 0;
for (var i = 0; i < List.length; i++) {
if (List[i].indexOf(txtSearch.value) > -1) {
lb.add(new Option(List[i].split("|")[1], List[i].split("|")[0]));
}
}
}
txtSearch.value="";
};
}
});
</script>
</body>
</html>
...全文
338 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
tutu_1997 2018-09-19
  • 打赏
  • 举报
回复
引用 1 楼 xuzuning 的回复:
只看到一个 input type="text"
xuzuning 2018-09-19
  • 打赏
  • 举报
回复
只看到一个 input type="text"

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧