HTML DOM add() ·½·¨
¶¨ÒåºÍÓ÷¨
add() ·½·¨ÓÃÓÚÏò <select> Ìí¼ÓÒ»¸ö <option> ÔªËØ¡£
Óï·¨
selectObject.add(option,before)
| ²ÎÊý | ÃèÊö |
|---|---|
| option | ±ØÐè¡£ÒªÌí¼ÓÑ¡ÏîÔªËØ¡£±ØÐèÊÇ option »ò optgroup ÔªËØ¡£ |
| before | ±ØÐè¡£ÔÚÑ¡ÏîÊý×éµÄ¸ÃÔªËØÖ®Ç°Ôö¼ÓеÄÔªËØ¡£Èç¹û¸Ã²ÎÊýÊÇnull£¬ÔªËØÌí¼Óµ½Ñ¡ÏîÊý×éµÄĩβ¡£ |
ʵÀý
ÏÂÃæµÄÀý×Ó¿ÉÏòÏÂÀÁбíµÄĩβÌí¼ÓÒ»¸ö "kiwi" Ñ¡Ï
<html>
<head>
<script type="text/javascript">
function insertOption()
{
var y=document.createElement('option');
y.text='Kiwi'
var x=document.getElementById("mySelect");
try
{
x.add(y,null); // standards compliant
}
catch(ex)
{
x.add(y); // IE only
}
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertOption()"
value="Insert option" />
</form>
</body>
</html>