關於獲取後臺資料值將其顯示到radio或者select中的方法
阿新 • • 發佈:2019-01-06
說明:本方法以“性別”為例對獲取值到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>
個人方法,親測可用。如果此方法幫到了您,也請分享。
予人玫瑰,手有餘香。
我是行途。