- 浏览: 75080 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
128340haha:
这里只是一个前台的 图片裁剪与预览~!要截图的成品 用得到的参 ...
一枚基于jQuery的头像截取插件imgareaselect -
Shmily奕蝶:
指教一下,我按你说的弄了,可怎么还是截不了图啊,这是哪里的原因 ...
一枚基于jQuery的头像截取插件imgareaselect -
snake13456:
小图的定位不够准确,要自行修改一下
一枚基于jQuery的头像截取插件imgareaselect -
fuhao200866:
没事自己坐沙发,哈哈
q:before, q:after { content:''; }问题【记录用】
判断select选项中 是否存在Value="paraValue"的Item
向select选项中 加入一个Item
从select选项中 删除一个Item
删除select中选中的项
修改select选项中 value="paraValue"的text为"paraText"
设置select中text="paraText"的第一个Item为选中
设置select中value="paraValue"的Item为选中
得到select的当前选中项的value
得到select的当前选中项的text
得到select的当前选中项的Index
清空select的项
js 代码:
向select选项中 加入一个Item
从select选项中 删除一个Item
删除select中选中的项
修改select选项中 value="paraValue"的text为"paraText"
设置select中text="paraText"的第一个Item为选中
设置select中value="paraValue"的Item为选中
得到select的当前选中项的value
得到select的当前选中项的text
得到select的当前选中项的Index
清空select的项
js 代码:
// 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 DOM操作优化方案
2011-11-24 10:26 691在我们开发互联网富应用(RIA)时,我们经常写一些JavaSc ... -
跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
2011-11-23 16:23 1020采用JavaScript来控制iframe元素的高度是ifra ... -
微博加关注按钮
2011-11-18 16:00 927新浪微博:uid替换成自己的。 <iframe wid ... -
使用两种简单的方式解析 JSON 格式字符串
2011-08-12 15:33 971//使用两种简单的方式解析 JSON 格式字符串 ... -
ajax请求
2011-07-29 10:53 743window.ajax = function(data){ ... -
Js实现检测、添加、移除样式(className)
2011-07-26 16:27 2377// 说明:添加、移除、检测 className ... -
插入话题后部分文字选中
2011-07-07 20:51 793var btn = document.getElement ... -
阻止事件冒泡
2011-07-07 14:26 720(ev || event).cancelBubble = tr ... -
js常见错误积累
2011-06-29 23:15 691unterminated string literal ... -
一个自定义背景色渐变对象,弥补jQuery的animate函数不足
2011-06-01 15:41 1415一个自定义对象fadeColor,来看下底层代码: wi ... -
JavaScript blog式日历控件新算法
2011-05-27 17:33 722<!DOCTYPE html PUBLIC &quo ... -
一个随机颜色的函数
2011-05-17 17:07 908function randomColor() { //16进制 ... -
常用JS判断正则
2011-05-06 18:45 911//是否含有汉字 function hasChinese(s ... -
40种网页常用小技巧(javascript)
2011-05-04 10:07 5401. oncontextmenu="window.e ... -
火狐与非火狐获取键值问题keyCode
2011-04-26 20:09 985一次项目中,用到Enter 后ajax提交功能。keyCode ... -
获取浏览器窗口、页面等元素的大小
2011-04-20 12:01 718网页可见区域宽:document.body.clientWid ... -
获取浏览器窗口、页面等元素的大小
2011-04-20 12:00 764网页可见区域宽:document.body.clientWid ... -
自定义一个方法原型,取得json对象某个值
2011-04-19 13:10 899Object.prototype.k = function(n ... -
JS获取父页面元素
2011-04-11 01:22 1037//iframe下获取父元素 var oParent = p ... -
一个关于获取修改后文本域值的问题
2011-04-10 23:56 800一个Textarea文本域问题。 <textarea ...
相关推荐
js操作select大全 js操作select大全 转
Js操作Select大全(取值、设置选中等等) Js操作Select大全(取值、设置选中等等)
Js操作Select大全.doc
对select的详细操作 1判断是否选中 2对属性的增删改成 3分类源码
js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
js 操作select 下拉框js 操作select 下拉框
js 操作select和optionjs 操作select和option
html最全的js javascript操作select 下拉框
涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置...
JavaScript操作select JavaScript操作table
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
javascript 操作表单select的常用步骤,删除,添加,修改 用代码实现,一看就明白理解用法
Javascript操作Select和Option 一个网页 挺全的
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
里面提供 并解决所有获得select下拉框里面的值 很有帮助
js_操作select_下拉框