前台处理json数据绑定到select

前台处理json数据绑定到select,第1张

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标签下拉框内容怎么从数据库中取出等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9282981.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存