关于获取后台数据值将其显示到radio或者select中的方法

说明:本方法以“性别”为例对获取值到radio中进行说明。
方法:

<form>

      性&nbsp;别:<input type="radio" name="xinfang.sex" value="男"/>男   
      &nbsp;&nbsp;<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>

个人方法,亲测可用。如果此方法帮到了您,也请分享。
予人玫瑰,手有余香。
我是行途。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值