// 1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
// 2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
// 3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
} else {
alert("该select中 不存在该项");
}
}
// 4.删除select中选中的项
function jsRemoveSelectedItemFromSelect(objSelect) {
var length = objSelect.options.length - 1;
for(var i = length; i >= 0; i--){
if(objSelect[i].selected == true){
objSelect.options[i] = null;
}
}
}
// 5.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
} else {
alert("该select中 不存在该项");
}
}
// 6.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect, objItemText) {
//判断是否存在
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break;
}
}
//Show出结果
if (isExit) {
alert("成功选中");
} else {
alert("该select中 不存在该项");
}
}
// 7.设置select中value="paraValue"的Item为选中
document.all.objSelect.value = objItemValue;
// 8.得到select的当前选中项的value
var currSelectValue = document.all.objSelect.value;
// 9.得到select的当前选中项的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
// 10.得到select的当前选中项的Index
var currSelectIndex = document.all.objSelect.selectedIndex;
// 11.清空select的项
document.all.objSelect.options.length = 0;
分享到:
相关推荐
javascript 获取select ->option中id、value、label属性及<option></option>中内容
js 操作select和optionjs 操作select和option
本人写的一个html页面,用js实现从数组读数据自动生成select控件
Javascript操作Select和Option 一个网页 挺全的
Vue.js的拖动选择组件 :wrench: 安装 npm i @coleqiu/vue-drag-select yarn add @coleqiu/vue-drag-select :blue_book: 演示版 :compass: 快速指南 :gear: 进口 import Vue from "vue" ; import VueDragSelect ...
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
两个下拉列表,用JS动态添加Select中的Option元素值
<script type="text/javascript" src="jquery.combo.select.js" > <link rel="stylesheet" href="combo.select.css" /> </head> <body> <select name="table_id" id="table_id"> <option value="">----请选择...
select-option-disabled-emulation.js解决IE6 Select 中 option 的disabled属性无效的办法~~~在页面加载时架子该js,呵呵有点问题:onchange 时间冲突 自己改改··
jquery获得select option值
select option 自定义图片的js 、css 以及代码展示,javaScript ;
基于Jquery的自定义下拉框JS插件。 带图标、分组等
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
const Option = Select.Option;React.render(<div>class Demo extends Component {handleChange(value) { console.log(`selected ${value}`);}render(){return( <div> <Select defaultValue="lucy" style={{
项目中有个需求,下拉框既可以下拉选择,也可以手动填写 ...js代码 $('#noMean').editableSelect({ filter:false, effects: 'fade', duration: 200, onCreate:function () { console.log(下拉框创建) }, onShow
用js操作select的option,可以增加删除和判断value值是否在下拉列表存在
使用方法下载或者clone项目,并添加下面的代码[removed][removed]In JS$scope.optionList = [ { label: 'India', value: 'IND' }, { label: 'United States', value: 'US' } ];$...
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下