比如有表1
<label>學歷:</label>
<td>
<select name="select_edu" id="user_edu">
<option value="1">高中及以下</option>
<option value="2">大專</option>
<option value="3">本科</option>
<option value="4">研究生</option>
<option value="5">博士及以上</option>
</select>
</td>
如何根據數據庫的1、2、3、4、5的值,使得顯示頁面2上為
<label>畢業學院:</label>
<td>
<span id="user_school_show" />X</span>
</td>
其中“X”的值為中文,數據庫讀取出的為數字,用${userInfo.userSchool}表示他的id
比如${userInfo.userSchool}=1,顯示的X為高中及以下
var data = ' (後台填入/ajax獲取) 的數據';
// 數據樣式如下
var data = [{
"value": "高中及以下",
"userSchool": "1"
},{
"value": "高中",
"userSchool": "2"
},{同左},{同左}];
var obj = docuemnt.getElementById('user_school_show');
var schoolId = obj.getAttribute('data-id'); // <span id="user_school_show" data-id="2" />X</span>
for(var i = 0; i < data.length; i++){
if(schoolId == data[i].userSchool){
obj.innerHTML = data[i].value;
break;
}
}