select 赋值、回显值

总结:

1、同一个界面若包含新增、修改,若select的id、name都一样, 通过jquery赋值,会出现只赋值一个的现象,优先赋值第一个,所以需要更改成不同的id、name。

2、默认选中设置

$('#serviceType option:eq(1)').attr('selected','selected');//设置的几个选中

$("#serviceType").val("111");//根据value值选中

3、<select id="serviceType" name="serviceType" type="select"></select> 注意type=“select”一定加上,否则传递的一针是id,一阵是name,

 

简单示例,伪代码如下:

jsp:

新增界面 <select id="serviceType" name="serviceType" type="select"></select>

修改界面 <select id="serviceType2" name="serviceType2" type="select"></select>

js:

/**

 * 初始化方法

 */

$(function() {

//初始select

var oSelect = new SelectInit();

oSelect.Init();

});

 /**

 * select 初始化

 */

var SelectInit = function() {

var oSelectInit = new Object();

oSelectInit.Init = function() {

$.ajax({

type: 'POST',

url: "http://localhost:8080/platform/esb/fwzc/querySelect.do",

dataType:"json",//返回json格式

async: false,

traditional: true,

success: function(data) {

//清空

$("#serviceType").empty();

$("#serviceType2").empty();

//值重新加载

var obj=data.moreData.data;

for(var i=0;i<obj.length;i++){

var id=obj[i].id;

var name=obj[i].name;

$("#serviceType").append("<option value="+id+">"+name+"</option>")

$("#serviceType2").append("<option value="+id+">"+name+"</option>")

           }

}

});

}

return oSelectInit;

}

controller:

/**

* 服务类型

* @return

* @throws Exception 

*/

@RequestMapping(QUERY_SELECT)

public ResponseData querySelect() throws Exception{

List<DataDictionaryKey> dataDictionaryKeyList = dataDictionaryKeyService.selectListByCriteria(DataDictionaryKeyQuery.createOneCriteria().andDescriptionEqualTo("tyfw"));

 

// 返回数据

ResponseData responseData = ResponseDataContext.getResponseData();

responseData.writeData(dataDictionaryKeyList);

responseData.setMessage("查询记录!");

 

return responseData;

}

猜你喜欢

转载自yingyingsheji.iteye.com/blog/2386341