列表内容的选择

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>列表内容的选择</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="">请选择</option>
<option value="第一项">第一项</option>
<option value="第二项">第二项</option>
<option value="第三项">第三项</option>
<option value="第四项">第四项</option>
<option value="第五项">第五项</option>
<option value="第六项">第六项</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>

赞 (0)

相关推荐

  • 列表内容的选择

    <HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>列表内容的选择</TITLE></HEAD><BODY > <SCRIPT LANGUAGE="JavaScript"><!-- Beginoldvalue = "";function pass

  • jquery实现鼠标点击后展开列表内容的导航栏效果

    jquery实现鼠标点击后展开列表内容的导航栏效果

    本文实例讲述了jquery实现鼠标点击后展开列表内容的导航栏效果.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的导航栏,鼠标点击后展开隐藏的列表内容,用来制作一个目录是最合适不过的选择.本例是锋利的jQeury中的一个实例,这是最终的优化版本,兼容性还示曾测试,在火狐的表现尚不知情,有兴趣的朋友可测试或修正. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-mouse-click-show-table-nav-co

  • js实现Select列表内容自动滚动效果代码

    js实现Select列表内容自动滚动效果代码

    本文实例讲述了js实现Select列表内容自动滚动效果.分享给大家供大家参考.具体如下: 这里演示的Select列表内容自动滚动效果,文字可自动滚屏,当网页加载完毕后,Select中的内容会一个接一个向上滚动,当然,滚动的参数和速度是可以调节的.或许你会用得上. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-font-scroll-codes/ 具体代码如下: <html> <head> <title&g

  • javascript select列表内容按字母倒序排序与按列表倒序排列

    今天51js上有网友贴出了这个问题,原本以为是把内容按字母顺序倒序排列,因为以前看过一篇正序排列的文章,偶就想倒序也应该不难,查看了下资料便很快搞定了问题. 无忧脚本代码测试网页 b e c f a function st(a,b){ if(a>b) return -1; else if(a0){ t1[t1.length]=tt[0].text; t2[t2.length]=tt[0].value; tt.remove(0); } t1.sort(st); for(var i=0,c1,c2;

  • 原生JS实现列表内容自动向上滚动效果

    原生JS实现列表内容自动向上滚动效果

    效果展示 (鼠标移入,滚动停止:鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div.因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容的ul.如下图:    (红色边框为可视区域div,此处为了方便查看效果去除overflow:hidden:) 2. 样式方面:由于要滚动,所以必须2个ul的高度 > 外层可视div高度,且div必须设置overflow:hidden; 代码实现 HTML: <div id="revie

  • vue实现全匹配搜索列表内容

    vue实现全匹配搜索列表内容

    本文实例为大家分享了vue实现全匹配搜索列表内容的具体代码,供大家参考,具体内容如下 效果: 组件代码: <template> <div> <!-- 搜索框加按钮 --> <el-input placeholder="请搜索关键词" prefix-icon="el-icon-search" v-model="keyword"></el-input> <el-button class

  • 在Python中预先初始化列表内容和长度的实现

    如果想设置相同的初值和想要的长度 >>> a=[None]*4 >>> print(a) [None, None, None, None] 如果我们预先知道列表的长度,那预先初始化该长度的列表,然后对每一个赋值,会比每次list.append()更有效率. 如果想要序列初值,可以用range函数,但注意,range函数返回的是可迭代对象,需要转化成list >>> b=list(range(10)) >>> print(b) [0,

  • jQuery实现列表内容的动态载入特效

    采用Jquery实现的列表数据动态更新效果,更新的数据可以是ajax请求的数据. CSS: .main { width: 100%; margin-top: 100px; text-align: center; font-size: 12.5px; } th, td { border: 1px solid #ccc; line-height: 40px; padding-left: 5px; } .item:hover { background-color: #efefef; } .item:n

  • python删除列表内容

    今天有点囧 a=['XXXX_game.sql', 'XXXX_game_sp.sql', 'XXXX_gamelog_sp.sql', 'XXXX_gamelog.sql'] for i in a: if 'gamelog' in i: a.remove(i) print a ['XXXX_game.sql', 'XXXX_game_sp.sql', 'XXXX_gamelog.sql'] 历遍的过程中明显MISS掉了   'XXXX_gamelog.sql'  这个项目,大家可以自己试试,为

  • select列表内容交换的js实现代码

    function move(formObj,toObj){ if(formObj.selectedIndex != -1){ toObj.add(new Option(formObj.options[formObj.selectedIndex].text,formObj.options[formObj.selectedIndex].value)); formObj.remove(formObj.selectedIndex); //var index = formObj.selectedIndex

随机推荐