在业务中有这样的需求:
<td align="right" bgcolor="#EEF3FF"><font color="#000000">收费方式:</font></td>
<td bgcolor="#FFFFFF"><bean:define id="sffsList" name="ChargemgtForm" property="sffsList" /> <html:select property="sffs" styleId="sffs_select"> <html:options collection="sffsList" property="value" labelProperty="label" /> </html:select> </td>
收费方式为一个select,这时想删除其中的两项,即2个option option的value和text都是从数据库中查出的,并且页面用的
是struts1标签,这时我们用js来删除,但删除的时候需要找到这个select,开始我给这个 html:select加了个id,报错。
后来才知道,用styleId才可以。
js:
function page_onload{//页面加载完
var objSelect = document.getElementById("sffs_select");//找到这个select
for(var i=0;i<objSelect.options.length;i++){//遍历这个select
if(objSelect.options[i].value=="024" || objSelect.options[i].value=="025"){//找到要删除的那一项
objSelect.options.remove(objSelect.options[i].index);//删除
}
<td align="right" bgcolor="#EEF3FF"><font color="#000000">收费方式:</font></td>
<td bgcolor="#FFFFFF"><bean:define id="sffsList" name="ChargemgtForm" property="sffsList" /> <html:select property="sffs" styleId="sffs_select"> <html:options collection="sffsList" property="value" labelProperty="label" /> </html:select> </td>
收费方式为一个select,这时想删除其中的两项,即2个option option的value和text都是从数据库中查出的,并且页面用的
是struts1标签,这时我们用js来删除,但删除的时候需要找到这个select,开始我给这个 html:select加了个id,报错。
后来才知道,用styleId才可以。
js:
function page_onload{//页面加载完
var objSelect = document.getElementById("sffs_select");//找到这个select
for(var i=0;i<objSelect.options.length;i++){//遍历这个select
if(objSelect.options[i].value=="024" || objSelect.options[i].value=="025"){//找到要删除的那一项
objSelect.options.remove(objSelect.options[i].index);//删除
}