1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/transitional.dtd">
<html>
<head>
<title>Adding and Removing Option Elements from a Select</title>
<script>
var isHidden = true;
var isScroll = false;
function AddContent(aDoAdd)
{
var node = document.getElementById("mySelect");
var first = null;//document.getElementById("first");
if (aDoAdd == 1) {
var notworks = false;
var option;
if (notworks) {
option = new HTMLOptionElement("Three", 3);
//option.label = "Three";
//option.value = "3";
} else {
option = new Option("Three", 3);
}
node.add(option, first);
} else {
node.remove(0);
}
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form>
This is used to test adding and removing option elements from a select as a combobox.<br><br>
<select id=mySelect size=1>
<option id="first"> Two</option>
</select>
<input type=button id="button" value="Add Content" onclick="AddContent(1)">
<input type=button id="button2" value="Remove Content" onclick="AddContent(0)">
</form>
</body>
</html>
|
