
1你的JSON数据格式不正确。
应该去掉标红的问好 {"d":"["安丘,3487","博山,939","苍山,1873","莘县,3554"]"}
2在HTML页面中,给目标Select定义一个ID,例如:
<div>
<select id="sample_select">
</select>
</div>
3使用Javascript填充SELECT
首先将你接收到的responseText(存储在变量strData里面)反序列化:
var jData = JSONparse(strData);
然后准备一个集合了所有OPTION的字符串:
var strOptions = "";
for(var i=0; i<jDatadlength; i++){
strOptions = strOptions + '<OPTION value=">' + jDatad[i] + '“>' + jDatad[i] + '</OPTION>';
}
把这个HTML字符串,赋值给SELECT:
documentgetElementById("sample_select")innerHTML = strOpitons;
当然啦,你也可以使用removeChild和appendChild方法来直接 *** 作SELECT元素:
首先循环调用removeChild方法,清空SELECT的所有选项;
然后根据jData的数据,依次appendChild。
这种方法似乎更学术、更文雅一些……
(以上代码没有实测,可能有拼写错误或者小bug,请自行处理。)
<select id="sel" >
<option value="1">111</option>
<option value="2">222</option>
</select>
<script>
(function($){
$(document)ready(function(){
var sel = $('#'sel)val();
});
})(jQuery);
其实我这种方式,上下面的那种方式是一样的,只不过是它使用了JS获取的,我采用的是jQuery,原理上是一致的。
在前台,
<select name="userId" id="userId">
<%=Getuser(Request["user"]) %>
</select>
在後台,
public string Getuser(object selected)
{
List<user> list = MyRegionManageGetMyRegions();//
StringBuilder buffer = new StringBuilder(stringFormat(Option, 0, "", "请选择"));
if (list != null)
{
foreach (user m in list)
{
string _checked = "";
if (selected != null && ConvertToInt32(selected) == mId) _checked = "selected='selected'";
bufferAppendFormat(Option, mId, _checked, mName);
}
}
return bufferToString();
}
解决了没??用火狐探测下Ajax请求的URL里面的id有没有。
没有的话就是前台没有处理好
有的话就是后台,
我看你传进去的是id吧,不是startstationid吧?你再看看!!!
给你一段代码,用jq写的,很简单:
首先在前台页面中加入一个select下拉:
<script>//使用前先引入jquery
$(function(){
$('#seltype')change(function(){
var id = $(this)val(); //获取到的下拉框选中的value值
locationhref = "进行查询的地址,记得带上参数"+id;
});
});
</script>
<form action="" method="post">
<select id="seltype" class="STYLE19">
<option value="0">aaa</option>
<option value="1">bbb</option>
<option value="2">ccc</option>
</select>
</form>
以上就是关于前台处理json数据绑定到select全部的内容,包括:前台处理json数据绑定到select、怎么用ajax获取select下拉框、select标签下拉框内容怎么从数据库中取出等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)