http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FForm%2FOption_Object
JavaScript Tutorial/Form/Option Object - История изменений
2026-04-05T05:44:31Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Option_Object&diff=9133&oldid=prev
Admin: 1 версия
2010-05-26T08:24:49Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Option_Object&diff=9132&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Option==<br />
<br />
<p>The Option object is used to reference a property of an HTML select list.</p><br />
<p>An Option object can be created by using the option constructor and specifying the appropriate values.</p><br />
Property<br />
Description<br />
defaultSelected<br />
Refers to the option that is selected by default from the select box<br />
selected<br />
Refers to the selected value of the select box<br />
text<br />
Refers to the text for the option<br />
value<br />
Refers to the value that is returned to when the option is selected<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the option object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function add(myForm) {<br />
var option0 = new Option("A", "person1");<br />
var option1 = new Option("B", "person2");<br />
var option2 = new Option("C", "person3");<br />
var option3 = new Option("D", "person4");<br />
for (var i=0; i < 4; i++) {<br />
eval("myForm.people.options[i]=option" + i)<br />
}<br />
<br />
}<br />
--><br />
</script><br />
<form><br />
<select name="people" multiple></select><P><br />
<input type="button" value="Add People" onClick="add(this.form)"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Option.defaultSelected==<br />
<br />
<p>The defaultSelected property specifies the initial option selection of the select list.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the defaultSelected property of the option object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function check(myForm){<br />
for (var i = 0; i < document.form1.myList.length; i++) {<br />
if (document.form1.myList.options[i].defaultSelected == true) {<br />
alert("The default value is: 2");<br />
}<br />
}<br />
}<br />
--><br />
</script><br />
<form name=form1><br />
<select name="myList" multiple><br />
<option value=1>One<br />
<option value=2 SELECTED>Two<br />
<option value=3>Three<br />
<option value=4>Four<br />
</select><P><br />
<input type="button" value="Get Default Value" onClick="check(this.form)"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Option.selected==<br />
<br />
<p>The selected property specifies the current selected option of the select list.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the selected property of the option object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function check(myForm){<br />
for (var i = 0; i < document.form1.myList.length; i++) {<br />
if (document.form1.myList.options[i].selected == true) {<br />
alert("The selected value is: " + document.form1.myList.options[i].value);<br />
}<br />
}<br />
}<br />
--><br />
</script><br />
<form name=form1><br />
<select name="myList" multiple><br />
<option value=1>One<br />
<option value=2>Two<br />
<option value=3>Three<br />
<option value=4>Four<br />
</select><P><br />
<input type="button" value="Get Value" onClick="check(this.form)"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Option.text==<br />
<br />
<p>The text property specifies the text for the selected option of the select list.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the text property of the option object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function check(myForm){<br />
for (var i = 0; i < document.form1.myList.length; i++) {<br />
if (document.form1.myList.options[i].selected == true) {<br />
alert("The selected text value is: " + document.form1.myList.options[i].text);<br />
}<br />
}<br />
}<br />
--><br />
</script><br />
<form name=form1><br />
<select name="myList" multiple><br />
<option value=1>One<br />
<option value=2>Two<br />
<option value=3>Three<br />
<option value=4>Four<br />
</select><P><br />
<input type="button" value="Get Text Value" onClick="check(this.form)"><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Option.value==<br />
<br />
<p>The value property specifies the value that is returned to the server when the option is selected and the form is submitted.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Example of the text value of the option object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function getValue(myForm){<br />
for (var i = 0; i < document.form1.myList.length; i++) {<br />
if (document.form1.myList.options[i].selected == true) {<br />
alert("The selected value is: " + document.form1.myList.options[i].value);<br />
}<br />
}<br />
}<br />
--><br />
</script><br />
<form name=form1><br />
<select name="myList" multiple><br />
<option value=1>One<br />
<option value=2>Two<br />
<option value=3>Three<br />
<option value=4>Four<br />
</select><P><br />
<input type="button" value="Get Value" onClick="getValue(this.form)"><br />
</form><br />
</body><br />
</html></source></div>