1. 程式人生 > >關於獲取後臺資料值將其顯示到radio或者select中的方法

關於獲取後臺資料值將其顯示到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>

個人方法,親測可用。如果此方法幫到了您,也請分享。
予人玫瑰,手有餘香。
我是行途。