列表內(nèi)容的選擇
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>列表內(nèi)容的選擇</TITLE>
</HEAD>
<BODY >
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
oldvalue = "";
function passText(passedvalue) {
if (passedvalue != "") {
var totalvalue = passedvalue+"\n"+oldvalue;
document.displayform.itemsbox.value = totalvalue;
oldvalue = document.displayform.itemsbox.value;
}
}
// End -->
</script>
<form name="selectform">
<select name="dropdownbox" size=1>
<option value="">請(qǐng)選擇</option>
<option value="第一項(xiàng)">第一項(xiàng)</option>
<option value="第二項(xiàng)">第二項(xiàng)</option>
<option value="第三項(xiàng)">第三項(xiàng)</option>
<option value="第四項(xiàng)">第四項(xiàng)</option>
<option value="第五項(xiàng)">第五項(xiàng)</option>
<option value="第六項(xiàng)">第六項(xiàng)</option>
</select>
<input type=button value="添加到列表中" onClick="passText(this.form.dropdownbox.options[this.form.dropdownbox.selectedIndex].value);">
</form>
<form name="displayform" >
<font face="Arial, Helvetica, Sans Serif" size="3"><b>你可以自己選擇一下:</b></font><br>
<textarea cols="30" rows="5" name="itemsbox" ></textarea>
</BODY></HTML>
相關(guān)文章
打造個(gè)性化的Select(可編輯)...2006-09-09
一個(gè)漂亮的下拉列表，去掉了灰色倒三角按鈕...2007-06-06
JavaScript實(shí)現(xiàn)動(dòng)態(tài)增加文件域表單
對(duì)于上傳多個(gè)文件，可以通過js來動(dòng)態(tài)生成文件域，下面是源代碼，收藏在這里，供以后直接使用，hoho！2009-02-02
checkbox 多選框 聯(lián)動(dòng)實(shí)現(xiàn)代碼
對(duì)于checkbox 多選的聯(lián)動(dòng)效果，是個(gè)不錯(cuò)的思路，附代碼2008-10-10
模擬select下拉列表特效，因?yàn)閔tml的下拉列表的樣式修改美化等有些復(fù)雜，不容易控制。注意用于對(duì)頁面的顏色搭配過于講究的。2009-02-02
更換select下拉菜單背景樣式的實(shí)現(xiàn)代碼
更換select下拉菜單背景樣式的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-12-12
下面的代碼是對(duì)一些表單經(jīng)常需要驗(yàn)證的一些函數(shù)，方便大家使用。2010-11-11
javascript TextArea動(dòng)態(tài)顯示剩余字符
TextArea動(dòng)態(tài)顯示輸入剩余字符2008-10-10
js幾個(gè)驗(yàn)證函數(shù)代碼，需要的朋友可以參考下。2010-03-03
下面的有關(guān)實(shí)現(xiàn)chckbox全選的方法或多或少存在一些缺陷，具體的方法在另一個(gè)帖子中有詳細(xì)的說明2008-12-12