说明:本方法以“性别”为例对获取值到radio中进行说明。
方法:
<form>
性 别:<input type="radio" name="xinfang.sex" value="男"/>男
<input type="radio" name="xinfang.sex" value="女"/>女 <br/>
</form>
<script>
/*本函数传递两个参数,xinfang.sex是要获取元素的名称,${xinfang.sex}是后台所获取的数据*/
sex('xinfang.sex','${xinfang.sex}');
</script>
<script>
function sex(rName,rValue){
/*通过传递的元素名获取元素对象*/
var rObj = document.getElementsByName(rName);
/*获取到的对象是数组对象,逐一进行遍历,寻找值等于所获取数据值的子对象*/
for(var i = 0;i < rObj.length;i++){
if(rObj[i].value == rValue){
/*寻找到子对象后,对他进行如下操作就可以实现后台数据显示到单选钮中*/
rObj[i].checked = 'checked';
}
}
}
</script>
说明:对于获取数据到select中,这里将以“是”和“否”两个值进行简单的说明。
方法:
<form>
<select id="xinfang.firstVisit" name="xinfang.firstVisit" value="${xinfang.firstVisit}">
<option value="是">是</option>
<option value="否">否</option>
</select>
</form>
<script>
/*函数中传递的第一个参数是元素的id值,第二个参数是获取到的后台数据值*/
firstVisit('xinfang.firstVisit','${xinfang.firstVisit}');
</script>
<script>
function firstVisit(rId,rValue){
/*通过元素id值获取元素对象*/
var rObj = document.getElementById(rId);
/*遍历元素中的子对象,查找值等于获取到值的子对象*/
for(var i = 0;i < rObj.options.length;i++){
if(rObj.options[i].value == rValue){
/*做如下操作就可以实现后台数据值显示到网页select中*/
rObj.options[i].selected = 'selected';
break ;
}
}
}
</script>
个人方法,亲测可用。如果此方法帮到了您,也请分享。
予人玫瑰,手有余香。
我是行途。