`
廖世勇
  • 浏览: 89605 次
  • 性别: Icon_minigender_1
  • 来自: 湖南郴州
社区版块
存档分类
最新评论

js控制下拉列表框

 
阅读更多


select 下拉列表(添加,删除option对象)

select元素javascript常用操作

JavaScript对Select控件的操作

推荐圈子: 大连JAVAeyer群

更多相关推荐 1判断select选项中 是否存在Value="paraValue"的Item

2向select选项中 加入一个Item

3从select选项中 删除一个Item

4删除select中选中的项

5修改select选项中value="paraValue"的text为"paraText"

6设置select中text="paraText"的第一个Item为选中

7设置select中value="paraValue"的Item为选中

8得到select的当前选中项的value

9得到select的当前选中项的text

10得到select的当前选中项的Index

11清空select的项

// 1.判断select选项中 是否存在Value="paraValue"的Item

function jsSelectIsExitItem(objSelect, objItemValue){

var isExit =false;

for (var i =0; i < objSelect.options.length; i++) {

if(objSelect.options.value == objItemValue) {

isExit = true;

break;

}

}

returnisExit;

}

// 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 (vari = 0; i < objSelect.options.length; i++) {

if(objSelect.options.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.selected == true){

objSelect.options = null;

}

}

}

// 5.修改select选项中value="paraValue"的text为"paraText"

function jsUpdateItemToSelect(objSelect, objItemText,objItemValue) {

//判断是否存在

if(jsSelectIsExitItem(objSelect, objItemValue)) {

for (vari = 0; i < objSelect.options.length; i++) {

if(objSelect.options.value == objItemValue) {

objSelect.options.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.text == objItemText) {

objSelect.options.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;

================================================================

<select size="1" id="name"onChange="location='managerProduct.jsp?typeId='+this.value+'&indexId='+this.selectedIndex">

可以把你选中的索引传过去

也可以保存在session中

然后写

<script language="javascript">

document.getElementById("name").selectedIndex= <%=index%>;

</script>就可以选中

分享到:
评论

相关推荐

    三款漂亮的下拉列表 select

    三 款 漂亮 的 下拉 列表 ,可以下载来看看!

    MultiDropDown多功能下拉列表v2源码20130122

    MultiDropDown多功能下拉列表v2源码 源码描述: 下拉自带的ASP.NET的控件,允许我们只选择一个项目。为了克服这个限制,我写的MultiDropDown的 ASP.NET服务器控件,可以选择多个项目,一个可检查的项目清 单。此...

    javascript实现在下拉列表中显示多级树形菜单的方法

    这里演示在下拉列表框中显示分级的菜单,在很多网站都可以看到的效果,很实用,下拉列表框中的选项是利用JS控制输出,如果你有更好的办法不用JS来显示,那最好了,因为像这种菜单用JS来实现,多多少少有点麻烦。...

    精通JS脚本之ExtJS框架.part2.rar

    7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格...

    Angular实现跨域(搜索框的下拉列表)

    angular.js 自带jsonp,实现跨域,下面来实现搜索框的下拉列表,使用百度和360分别尝试一下 百度:url截取之后红色部分需替换 :https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=数据&cb=JSON_CALLBACK ...

    Ajax:此仓库包含用于实际应用的ajax代码,例如“使用ajax提供建议,自动填充复选框,例如当我们选择国家_地区时,该国家_地区下的城市将自动填充在城市下拉列表框中,等等。”

    阿贾克斯-此仓库包含用于实际应用的ajax代码,例如“使用ajax提供建议,自动填充复选框,例如当我们选择国家/地区时,该国家/地区下的城市将自动填充在城市下拉列表框中,等等。” -此文件正在使用html,php,ajax,...

    精通JS脚本之ExtJS框架.part1.rar

    7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格...

    JavaSCRIPT笔记

    ### 使用JS完成页面定时弹出广告 ### 使用JS完成表单的校验 ### 使用JS完成表格的隔行换色 ### 使用JS完成复选框的全选效果 ### 使用JS完成省市的联动效果 ### JS控制下拉列表左右选择

    JS各种特效DEMO源码

    六,下拉列表特效 七,键盘操作和状态栏特效 八,连接特效 九,表格特效 十,单选框和复选框 十一,颜色处理和菜单特效 十二,窗口特效与弹出窗口 每一种下都有详细的二次分类并可以直接查看html源码

    javascript动态控制服务器控件实例

    最近多个页面需要加载一些下拉列表框,供用户选择,原来都是在服务器端进行加载应运用。最后由于业务逻辑方面的考虑,需要将DropDownList的部分功能放到客户端实现。现在下拉列表的功能使用起来感觉比全部放到服务器...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    JavaScript完全自学宝典 源代码

    6.5.html JavaScript控制列表框与组合框。 6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效...

    《程序天下:JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    Ajax之实时天气预报源码

    其实也可以不这个样子做,CascadingDropDown这个控件就是相关联的下拉列表控件,功能是当改变其中一个时候另外一个下拉列表,框的值也会跟着改变.常见的应用就是地区的选择了哈,当选择其中一个省会时候,自动二级城市的...

    DropDownList多选功能的实现

    下拉自带的ASP.NET的控件,允许我们只选择一个项目。为了克服这个限制,我写的...(Safari和Chrome似乎并没有兑现下拉列表中的最小宽度属性虽然)。 只需拖动-N-下降到您的网页,并开始使用的控制。 允许搜索项目。

    JSP实用技巧集合,jsp编程的一些小技巧总结

    2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7. jsp如判别一个字符在A到Z之间? 8. 得到一...

    ASP.NET MVC 5 with Bootstrap and Knockout

    含有下拉列表和搜索框的菜单 按钮 警告框 主题 小结 第3章Knockout.js介绍 安装Knockout.js 基本示例 何为MVVM? 创建ViewModel 小结 第4章数据库应用 Entity Framework介绍 Code First Database ...

    明细表下拉框自动赋值

    OA二次开发 js

Global site tag (gtag.js) - Google Analytics