想要实现的效果：下拉框内容选中后，画面临时table添加对应数据；table行数据删除后，下拉框增加删除的选项HTML内容<select id="test" ></select>JS内容//移除$("#test option:selected").remove();//增加$('#test').append("<option value=" + value + ">" + text + "</option>");进阶版，当下拉框中存在
最近在做一个项目需要兼容到ie不同版本，在使用
select
时遇到了各种问题。后来索性就自己使用原生
js
实现了这样一个
下拉框
，话不多说，直接上代码吧。
<html lang=en>
<meta charset=UTF-8>
<title>自定义
select
</title>
</head>
<style>
margin: 0;
padding: 0;
#main{
position: relative;
width: 280px;
height: 42px;
#content{
一.获取
select
被选
中
的
option
的值
1.
js
实现
var
select
ed = document.getElementById(‘
select
edId’); //定位id
var index =
select
ed.
select
edIndex; // 选
中
索引
var text =
select
ed.
option
s[index].text; // 选
中
文本
var value = sele...
本文实例讲述了jQuery
增加
、删除及修改
select
option
的方法。分享给大家供大家参考，具体如下：
jQuery获取
Select
选择的Text和Value:
//获取
Select
选择的Text
var checkText=jQuery("#
select
_id").find("
option
:
select
ed").text();
//获取
Select
选择的
option
Value
var checkValue=jQuery("#
select
_id").val();
//获取
Select
选择的索引值
var checkIndex=jQuery("#
select
如上图，
下拉框
中
有六个
option
，如果想隐藏
option
我们该怎么办呢？（先拿chosen多选做示范）
只需要使用
js
找到对应的
option
，然后添加上 style->display：none即可
//遍历所有
option
，加上display属性
$('#form-field-
select
-4
option
').each(function(){this.style='displ...
var obj = document.getElementsByTagName("
select
")[0];
var
select
Option
s = obj.
option
s;
var
option
Length =
select
Option
s.length;
1.首先
select
的有id
eg : id=“engCategoryId”
<g2:
select
name="_M.engType" list="%{engTypeEnum}"
id="engTypeId" listKey="name()" listValue="desc" headerKey=""
headerValue="请选择" label="工程类型" onchange="categoryChange()" requiredLabel="true"
删除下拉列表
中
的单个
选项
可以用
select
对象的remove()、focus()方法和
select
edIndex属性来实现。
1、remove()方法
该方法用于在下拉列表
中
删除指定的
option
对象。
my
select
.remove(index)
my
select
：当前要删除
选项
的
select
对象的名称。
index：要删除的
option
对象的下标。
例如，删除mysel
function hiddenT() {
var
select
Type = $("
select
[prompt='xxxx']").find("
option
");
for(var i =0;i
var v =
select
Type[i].value;
var inde =
select
Type[i].index;
if(inde>0&&v
$("
select
[prompt='
//给
javascript
数组添加
移除
方法
Array.prototype.del=function(n) { //n表示第几项，从0开始算起。
//prototype为对象原型，注意这里为对象
增加
自定义方法的方法。
if(n<0) //如果n<0，则不进行任何操作。
return this;
<meta charset="UTF-8">
<title>文本框回车</title>
<script type="text/script" src="
js
/jquery-3.1.1.min.
js
"></script>
<script type="text/
javascript
">
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);//关闭弹窗
window.parent.Dropdown();//执行父页面的方法
```
javascript
var
select
Box = document.getElementById("
select
Box");
for (var i = 0; i <
select
Box.
option
s.length; i++) {
if (
select
Box.
option
s[i].text == "" ||
select
Box.
option
s[i].text == null) {
select
Box.remove(i);
其
中
，`
select
Box`表示
下拉框
的元素对象。遍历
下拉框
中
的每个
选项
，如果
选项
的文本为空，则将该
选项
从
下拉框
中
移除
。
