<form name="form1" method="post" action="">
<select style="width:100px " name="select1" size="4" multiple>
<option value="1">第一</option>
<option value="2">第二</option>
<option value="3">第三</option>
<option value="4">第四</option>
</select>
<input type="button" name="Button" value="删除" οnclick="selectDelete(document.form1.select1,this)">
</form>
<script language="javascript">
function selectDelete(sname,bname) //该方法用于删除当前被选中的选项
if (sname.length>0)
if (sname.selectedIndex>=0)
sname.remove(sname.selectedIndex);
if (sname.length==0)
bname.disabled=true;
selectfocus(document.form1.select1);
function selectfocus(sname) //该方法用于选中select对象中的第一个选项
if (sname.length>0)
sname.focus();
sname.options[0].selected=true; //使滚动列表中的第一个选项为选中状态
selectfocus(document.form1.select1) //页面加载后自动调用selectfocus()方法
</script>
四 运行效果
一 介绍删除下拉列表中的单个选项可以用select对象的remove()、focus()方法和selectedIndex属性来实现。1、remove()方法该方法用于在下拉列表中删除指定的option对象。myselect.remove(index)myselect：当前要删除选项的select对象的名称。index：要删除的option对象的下标。例如，删除mysel
删除
select
中
选
中
的项
修改select
选项
中
value=”paraValue”的text为”paraText”
设置select
中
text=”paraText”的第一个Item为选
中
设置select
中
value=”paraValue”的Item为选
中
得到select的当前选
中
项的value
得到select的当前选
中
项的text
得到select的当前选
中
项的
实现功能，操作项可以单独
删除
，批量项可以批量
删除
，批量显示，隐藏（改广告的数据库的status_is的值）；
1.视图关键点：
复制代码 代码如下:<td><input type=”checkbox” name=”id[]” value=”<?php echo $row->id?>”> <?php echo $row->id?></td>
复制代码 代码如下:<div class=”fixsel”> <input type=”checkbox” name=”chkall” id=”chkall” onclick=”checkAll(this.form,
<meta charset="utf-8"> <!--add()方法输出
中
文出现了乱码，这儿指定下编码方式-->
<title>
js
</title>
<script type="text/javascript" src="index.
js
"></script>
$("#test option:selected").remove();
$('#test').append("<option value=" + value + ">" + text + "</option>");
进阶版，当
下拉框
中
存在
重置清空值
$("#id")[0].reset();
$("#id").find(':input[type=text]').val(); $('#id').find(':text').val();
重置清空
下拉框
的值
Javascript如何
删除
列表项
中
的下拉项呢？要从列表框同时
删除
多个项目，我们不能从上到下的
删除
，因为上面的项目每
删除
一个，下面的项目的索引号就会变化，所以只能从下向上
删除
，这样才不会出现索引号乱变的问题了。
如下面的例子：
HTML代码：
要给
下拉列表
设置值，可以通过 JavaScript 操作其属性来实现。假设你有一个
下拉列表
的 HTML 元素，它的 id 属性为 "myDropdown"，可以使用以下代码给它设置值：
```javascript
// 获取
下拉列表
元素
var dropdown = document.getElementById("myDropdown");
// 创建一个
选项
元素
var option = document.createElement("option");
// 设置
选项
元素的值和文本
option.value = "value1";
option.text = "
选项
1";
// 将
选项
元素添加到
下拉列表
中
dropdown.add(option);
以上代码
中
，先通过 `document.getElementById` 方法获取到 id 为 "myDropdown" 的
下拉列表
元素，然后创建一个
选项
元素，设置其值和文本，最后通过 `add` 方法将该
选项
元素添加到
下拉列表
中
。
如果要设置多个
选项
，可以在上述代码
中
重复执行创建
选项
元素和添加到
下拉列表
的操作即可。
