http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FForm_Control%2FList
JavaScript DHTML/Form Control/List - История изменений
2026-04-05T12:43:44Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/List&diff=2524&oldid=prev
в 09:59, 26 мая 2010
2010-05-26T09:59:59Z
<p></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;">Версия 09:59, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/List&diff=2525&oldid=prev
Admin: 1 версия
2010-05-26T07:21:54Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Determining the Size of the List==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<SCRIPT LANGUAGE = "JavaScript"><br />
function moveon() {<br />
var urlAddress = "";<br />
urlAddress = document.forms[0].Edit1.value;<br />
parent.frames[1].location = urlAddress;<br />
document.forms[0].Edit2.value = parent.frames[1].history.length;<br />
}<br />
<br />
</SCRIPT><br />
</HEAD><br />
<br />
<BODY><br />
<FORM><br />
<INPUT type="text" name="Edit1"><br />
<INPUT type="button" value="move" onClick="moveon()"><br />
<INPUT type="text" name="Edit2"><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Determining the Value or Text of the Selected Option==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script language = "JavaScript"><br />
function getSelectValue(selectObject) {<br />
return selectObject.options[selectObject.selectedIndex].value<br />
}<br />
<br />
</script><br />
</head><br />
<body><br />
<form name="form1"><br />
Songs: <br />
<select NAME="songs" SIZE=1><br />
<option VALUE="AA">AA</option><br />
<option VALUE="BB">BB</option><br />
<option VALUE="CC">CC</option><br />
<option VALUE="DD">DD</option><br />
<option VALUE="EE">EE</option><br />
<option VALUE="FF">FF</option><br />
</SELECT><p><br />
<input type=button value="Show Current" onClick="alert(getSelectValue(this.form.songs))"><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Determining the Values of Multiselection Lists==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<script language = "JavaScript"><br />
function showSelection(objectName) {<br />
var list = ""<br />
for (var i=0; i<objectName.length; i++) {<br />
if (objectName.options[i].selected) {<br />
list += objectName.options[i].text + "<p>"<br />
}<br />
}<br />
alert(list)<br />
}<br />
<br />
</script><br />
</head><br />
<body><br />
<form name="form1"><br />
Pick Your Favorite Songs From the List:<p><br />
<select NAME="songs" SIZE=5 MULTIPLE><br />
<option>AA</option><br />
<option>B</option><br />
<option>C</option><br />
<option>D</option><br />
<option>E</option><br />
<option>F</option><br />
<option>G</option><br />
<option>H</option><br />
<option>I</option><br />
<option>J</option><br />
</SELECT><p><br />
<input type=button value="Show Selection" onClick="showSelection(this.form.songs)"><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Selection List Event Handling ==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>Handling Selection List Events</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
function updateOrder() {<br />
var orderString="";<br />
var n = document.diner.entries.length;<br />
for(i=0;i<n;++i) {<br />
if(document.diner.entries.options[i].selected) {<br />
orderString+=document.diner.entries.options[i].value+"\n"<br />
}<br />
}<br />
document.diner.summary.value=orderString<br />
}<br />
//--></SCRIPT><br />
</HEAD><br />
<BODY><br />
<FORM NAME="diner"><br />
<H2 ALIGN="CENTER">The Web Diner</H2><br />
<P><B>Place your order:</B></P><br />
<SELECT NAME="entries" SIZE="4" MULTIPLE="MULTIPLE" ONCHANGE="updateOrder()"><br />
<OPTION VALUE="Hamburger">A</OPTION><br />
<OPTION VALUE="Hot Dog">B</OPTION><br />
<OPTION VALUE="Chicken Sandwich">C</OPTION><br />
<OPTION VALUE="French Fries">D</OPTION><br />
<OPTION VALUE="Onion Rings">E</OPTION><br />
<OPTION VALUE="Soda">F</OPTION><br />
<OPTION VALUE="Milk Shake">G</OPTION><br />
<OPTION VALUE="Coffee">H</OPTION></SELECT><br />
<P><B>You ordered: </B></P><br />
<P><br />
<TEXTAREA NAME="summary" ROWS="4" COLS="20"></TEXTAREA></P><br />
<P><INPUT TYPE="SUBMIT" NAME="order" VALUE="Let me have it!"></P><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
</source></div>
Admin