关于js select 上移,下移,置顶,置底

最新推荐文章于 2019-05-13 17:49:15 发布

lcj8

最新推荐文章于 2019-05-13 17:49:15 发布

阅读量3.5k

点赞数

分类专栏： XHTML、CSS、DIV、Javascript、AJAX 文章标签： button 测试 generator function input javascript

本文链接：https://blog.csdn.net/lcj8/article/details/4137621

版权

本文分享了一段JavaScript代码，用于实现select元素中选项的上移、下移、置顶和置底功能，已测试通过IE7.0和Firefox3.0。提供了完整的HTML和JS示例。

摘要由CSDN通过智能技术生成

在网上搜索select排序功能代码, 有一大堆,可真正实现置顶功能的却很少,不是功能没有实现,就是速度奇慢无比,当然也可能是自己搜索能力没有过关,于是想到"求人不如己",自己奋笔直书,写完整的select排序功能,只对IE7.0和Firefox3.0进行测试通过!希望能给需要类似功能同仁提供一些帮助!

Html代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Select Demo </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
center
{
font-size:12px;
color:red;
font-weight:bold;
}
select
{
font-size:12px;
color:green;
}
</style>
<BODY>
<span id='feedback'></span>
<form method="post" name="myform">
<table border="0" width="400">
<tr>
<td><CENTER>可选择排序方式</CENTER></td>
<td> </td>
<td><CENTER>已选择排序方式</CENTER></td>
</tr>
<tr>

最低0.47元/天解锁文章

lcj8

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
关于js select 上移,下移,置顶,置底

在网上搜索select排序功能代码, 有一大堆,可真正实现置顶功能的却很少,不是功能没有实现,就是速度奇慢无比,当然也可能是自己搜索能力没有过关,于是想到"求人不如己",自己奋笔直书,写完整的select排序功能,只对IE7.0和Firefox3.0进行测试通过!希望能给需要类似功能同仁提供一些帮助! Html代码 > HTML> HEAD>
复制链接

扫一扫

专栏目录