您的位置：首页 > 运维架构

动态指定select option selected选中值

2016-06-02 16:55 411 查看

我主要用java开发的，serlvet里获取的数据跳转到页面上，进行更新操作，所以页面要设定值，包括select option 下动态绑定seleted值，文本框设定值；设定好后，进入页面显示的是原有数据，再进行更新。

我将我对select option 动态绑定值的理解阐述一下，大家请看一下代码注释：

jsp页面：

<table  cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
<tr>
<td class="ui_text_rt" width="80">歌曲类型</td>
<td class="ui_text_lt">
<input type="text" name="typeId" value="<%=typeBean.getTypeId() %>"  style="display:none;"/>
<select name="typeParentId" id="typeParentId" class="ui_select01">
<option value="">--请选择--</option>
<option value="1">语种</option>
<option value="2">流派</option>
<option value="3">主题</option>
<option value="4">心情</option>
<option value="5">场景</option>
</select>
</td>
</tr>
<tr>
<td> </td>
<td class="ui_text_lt">
 <input id="submitbutton" type="submit" value="提交" class="ui_input_btn01"/>
 <input id="cancelbutton" type="reset" value="取消" class="ui_input_btn01"/>
</td>
</tr>
</table>

js部分：

$(document).ready(function(){
//获取到select标签的ID值
var opts = document.getElementById("typeParentId");
var value ='test';//这个值就是你获取的值，这里只是为了测试;
//获取option value 所要绑定的值
var selectId='<%=typeBean.getTypeParentId()%>';
//alert(opts.options[selectId].value);
//对绑定option 增加属性selected
opts.options[selectId].selected = 'selected';
//控制台输出，测试用
console.log(selectId);
});

servlet部分：

request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
TypeBiz typeBiz=new TypeBizImpl();
String typeIdS = request.getParameter("typeId");
int typeId =  Integer.parseInt(typeIdS);
TypeBean typeBean = typeBiz.selType(typeId);
request.setAttribute("typeBean",typeBean);
request.getRequestDispatcher("/Admin/type_upda.jsp").forward(request, response);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JavaScript java servlet jsp

相关文章推荐

新的分享

章节导航