select 下拉列表动态获取mysql数据后 根据数据表回显数据库内当前值

请各位大大指导下,如何回显?

有数据库如下:

需要在页面内设置下拉选项,选项内容获取表一的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