select 怎么根据数据库值给一个selected

llingshui 2011-11-09 04:21:17

<select id="promanagername" name="promanagername" class="select"></select>

我是通过json从数据库中获取值的，我想怎么在修改页面加载时，将下拉框的值匹配到数据库中，再选中；

如果数据库字段值为"黄山"，那么下拉框就选中"黄山"

...全文

270 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

默默不得鱼 2011-11-09

打赏
举报

LZ先搞明白执行顺序,把ajax改成同步执行先
等ajax加载完了所有option之后才能设某个option选中
另外设某一option选中
$("#reviewperson").val("黄山");
不要浪费了jquery

fxfeng2000 2011-11-09

打赏
举报

[Quote=引用 13 楼 llingshui 的回复:]

引用 7 楼 fxfeng2000 的回复:
引用 3 楼 llingshui 的回复:

$(document).ready(function()
{
if(Request("id").length>0)
{
$("#loanBillName").attr("style","color:black;");
$.post("loanBill.aspx……

顺序错了，先加载o……
[/Quote]
可能是 BindAllUserName 方法里的json数据结构可能不是你想的那样。

llingshui 2011-11-09

打赏
举报

[Quote=引用 7 楼 fxfeng2000 的回复:]
引用 3 楼 llingshui 的回复:

$(document).ready(function()
{
if(Request("id").length>0)
{
$("#loanBillName").attr("style","color:black;");
$.post("loanBill.aspx……

顺序错了，先加载option再选中。
BindAllUserNam……
[/Quote]

也不行啊，它加载页面后，显示出来的还是"全部"，而不是数据库中的值

llingshui 2011-11-09

打赏
举报

fxfeng2000 2011-11-09

打赏
举报

[Quote=引用 7 楼 fxfeng2000 的回复:]

引用 3 楼 llingshui 的回复:

$(document).ready(function()
{
if(Request("id").length>0)
{
$("#loanBillName").attr("style","color:black;");
$.post("loanBill.aspx……

顺序错了，先加载option再选中。
BindAllUserNa……
[/Quote]
不用同步的话，绑定数据的操作可以放在加载option的回调function里面也可以。

p2227 2011-11-09

打赏
举报

而且你这里在生成option的时候加一个判断不就容易多了吗



for(var i=0;i<json.depart.length;i++)

  {



if(json.promanagername == json.depart[i].username){

$("#reviewperson").append("<option value='"+json.depart[i].username+"' selected >"+json.depart[i].username+"</option>");

}

else{

  $("#reviewperson").append("<option value='"+json.depart[i].username+"'>"+json.depart[i].username+"</option>");

}

  }

Crazywa 2011-11-09

打赏
举报



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>测试用页面</title>

<style>

</style>

</head>

<body>

<select id="sel">

	<option value="红山">红山</option>

	<option value="绿山">绿山</option>

	<option value="黑山">黑山</option>

	<option value="黄山">黄山</option>

</select>

<script>

function setSelectByValue(domSelect,strVal){

	var opts = domSelect.options;

	for(var i=0,j=opts.length;i<j;i++)

		if(opts[i].value===strVal)return domSelect.selectedIndex=i;

}

setSelectByValue(document.getElementById('sel'),'黄山');

</script>

</body>

</html>

p2227 2011-11-09

打赏
举报

看了，你的option value和内容是一样的，所以列举的情况都行，推荐用value吧

fxfeng2000 2011-11-09

打赏
举报

[Quote=引用 3 楼 llingshui 的回复:]

$(document).ready(function()
{
if(Request("id").length>0)
{
$("#loanBillName").attr("style","color:black;");
$.post("loanBill.aspx……
[/Quote]
顺序错了，先加载option再选中。
BindAllUserName();
拿到选中的前面执行，而且加载option要用同步，防止在进行选中的时候，option没加载完。

llingshui 2011-11-09

打赏
举报

高手，好人啊，给点帮助吧

llingshui 2011-11-09

打赏
举报

我再页面加载的时候，应该怎么去根据数据库中值，给它选定呢

p2227 2011-11-09

打赏
举报

两种情况，你看你是哪种吧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>JavaScript</title>



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>





<script  type="text/javascript">



$(function(){

    json = {'promanagername':'黄山'};

    $("select[name='promanagername'] option:contains('" + json.promanagername + "')").attr("selected","selected");

})





</script>

</head>

<body>

<select id="promanagername" name="promanagername" class="select"><option value="5">不显示删除回复</option><option value="0">显示所有回复</option><option value="1">显示星级回复</option><option value="3">显示得分回复</option><option value="4">黄山</option></select>





</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>JavaScript</title>



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>





<script  type="text/javascript">



$(function(){

    json = {'promanagername':'黄山'};

    $("select[name='promanagername'] option[value='" + json.promanagername+ "']").attr("selected","selected");

})





</script>

</head>

<body>

<select id="promanagername" name="promanagername" class="select"><option value="5">不显示删除回复</option><option value="0">显示所有回复</option><option value="1">显示星级回复</option><option value="3">显示得分回复</option><option value="黄山">黄山</option></select>





</body>

</html>

llingshui 2011-11-09

打赏
举报

$(document).ready(function()
{
if(Request("id").length>0)
{
$("#loanBillName").attr("style","color:black;");
$.post("loanBill.aspx?method=GetLoanBillByID&lid="+Request("id"),function(result)
{
if(result.length==0){return;}
try{eval("("+result+")");}catch(ex){alert(ex.message);}
var json=eval("("+result+")");
$("#loanBillName").val(json.loanbillname);
$("#amountOfMoney").val(json.amountofmoney);
$("#applyDate").val(json.applydate.substring(0,10));
// $("select[name='reviewperson'][value=" + json.promanagername + "]").attr("selected",true);
$("#bankrollPurpose").val(json.bankrollpurpose);
$("#remark").val(json.remark);
$("#lid").val(Request("id"));
});
}
GetSystemDate();
BindAllUserName();
});

function BindAllUserName()
{
$("#reviewperson").append("<option>正在加载...</option>");
$.post("loanBill.aspx?method=GetAllUserName",function(depart){
if(depart.length==0)
{return;}
try{eval("("+depart+")");}catch(ex){alert(depart);return;}
$("#reviewperson").empty();
$("#reviewperson").append("<option value=''>全部</option>");

var json=eval("("+ depart +")");
for(var i=0;i<json.depart.length;i++)
{
$("#reviewperson").append("<option value='"+json.depart[i].username+"'>"+json.depart[i].username+"</option>");
}
});
}

<select id="reviewperson" name="reviewperson" class="select"></select>