请各位大大指导下,如何回显?
有数据库如下:
需要在页面内设置下拉选项,选项内容获取表一的cid,并用name数据展示。打开页面的时候根据表二cid的序号,找出对应的表一数据,并在下拉列表回显
html代码
<li><span class="text">編號:</span><input type="text" value="" name="cid" id="cid" /></li>
<li><span class="text">方式:</span><select id="select1" onchange="gradeChange()" value="" name="uid"></select></li> //uid下拉列表,默认回显上一条显示的cid对应uid,并展示为name对应数值
js代码
gettype();
function gettype() {
$("#select1").html("");
$.ajax({
type: "post",
url: "/php/gettype.php",
data: {},
dataType: "json",
success: function(row) {
if (row.data.length > 0) {
for (var i = 0; i < row.data.length; i++) {
$("#select1").append('<option value='+row.data[i].uid+'>'+row.data[i].name+'</option>');
}
}
},
error: function(data) {}
});
}
function gradeChange() {
var objS = document.getElementById("select1");
var value = objS.options[objS.selectedIndex].value;
var text = objS.options[objS.selectedIndex].text;
}
还是没怎么理解你的需求,可否再补充一下呢?
<script>
var uid='<?php echo $row["uid"] ?>'//这里输出cid对应记录的uid值给js变量,方便下面的代码循环对比
</script>
上面的赋值代码script要放到执行gettype函数的script上面
$("#select1").append('<option '+(row.data[i].uid==uid?' selected')+' value='+row.data[i].uid+'>'+row.data[i].name+'</option>');
您的问题已经有小伙伴解答了,请点击【采纳】按钮,采纳帮您提供解决思路的答案,给回答的人一些鼓励哦~~
ps:开通问答VIP,享受5次/月 有问必答服务,了解详情↓↓↓
【电脑端】戳>>> https://vip.csdn.net/askvip?utm_source=1146287632
【APP 】 戳>>> https://mall.csdn.net/item/52471?utm_source=1146287632