- 浏览: 1734939 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (337)
- javaScript校验 (11)
- java (31)
- java连接数据库 (1)
- js应用 (41)
- JQuery (15)
- linux操作命令 (12)
- loadrunner测试 (5)
- tomcat (18)
- 数据库 (12)
- eclipse (7)
- 触发器 (7)
- 表单 (3)
- ibatis (6)
- oracle (4)
- xml (1)
- Exception (6)
- spring (16)
- struts (4)
- struts 标签 (2)
- sql (8)
- sql server (6)
- 其它 (18)
- Apache (2)
- 电脑故障 (4)
- java 线程 (1)
- dwr (8)
- jackey (18)
- 总结 (34)
- gcc linux (2)
- extjs 学习 (5)
- 网站建设 (4)
- 健康 (2)
- 房地产知识 (1)
- hibernate (3)
- mysql (7)
- linux (13)
- svn (1)
最新评论
-
阳光泛滥的日子:
很好用谢谢
java.net.URISyntaxException的解决办法 -
linjianqing:
现在有更好的处理方式吗?我正也为这发愁
applet访问打印机出现的问题 -
ruyi574812039:
非常感谢您的总结!想问几个问题!假设三个项目分别以静态部署的三 ...
在Tomcat中部署Web程序的几种方式 -
yangguo:
太j8麻烦了
Spring3.1中使用缓存注解及Shiro的缓存联合 -
bellawang:
很好用谢谢
java.net.URISyntaxException的解决办法
function select_add_new(originalAdd,editAdd){
var originalAddOptions = document.getElementById(originalAdd).options;
var editAddOptions = document.getElementById(editAdd).options;
var addIndex = document.getElementById(originalAdd).selectedIndex;
if(addIndex<0){
alert("请先选择要添加的事件!");
return;
}
for(var j=originalAddOptions.length-1;j>=0;j--){
if(originalAddOptions[j].selected==true){
var opt=document.createElement("option");
opt.value = originalAddOptions[j].value;
opt.text= originalAddOptions[j].text;
editAddOptions.add(opt);
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){
originalAddOptions.remove(j);
}else if (navigator.userAgent.indexOf('Firefox') >= 0){
document.getElementById(originalAdd).remove(j);
}else{
document.getElementById(originalAdd).remove(j);
}
}
}
}
function select_del_new(originalAdd,editAdd){
var originalAddOptions = document.getElementById(originalAdd).options;
var editAddOptions = document.getElementById(editAdd).options;
var removeIndex = document.getElementById(editAdd).selectedIndex;
if(removeIndex<0){
alert("请先选择要删除的事件!");
return;
}
for(var j=editAddOptions.length-1;j>=0;j--){
if(editAddOptions[j].selected==true){
var opt=document.createElement("option");
opt.value = editAddOptions[j].value;
opt.text= editAddOptions[j].text;
originalAddOptions.add(opt);
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){
editAddOptions.remove(j);
}else if (navigator.userAgent.indexOf('Firefox') >= 0){
document.getElementById(editAdd).remove(j);
}else{
document.getElementById(editAdd).remove(j);
}
}
}
}
//**********显示隐藏table
function showTimeLimitPlan(){
j_q('#table_show_TimeLimitPlan').show();
j_q('#table_show_CountLimitPlan').hide();
j_q('#table_show_OtherLimitPlan').hide();
}
function ShowCountLimitPlan(){
j_q('#table_show_TimeLimitPlan').hide();
j_q('#table_show_CountLimitPlan').show();
j_q('#table_show_OtherLimitPlan').hide();
}
function OtherLimitPlan(){
j_q('#table_show_TimeLimitPlan').hide();
j_q('#table_show_CountLimitPlan').hide();
j_q('#table_show_OtherLimitPlan').show();
}
//********鼠标经过时显示,移出时隐藏
function onMouseOver_(divName){
document.getElementById(divName).style.display='';
}
function onMouseOut_(divName){
document.getElementById(divName).style.display='none';
}
//点击 link时检测值的范围(时间限制类方案)
function input_3_1_Range(){
var mes1="";
var patrn=/^[1-9]{1}[0-9]*$/;
var plan31=['plan3_1_1','plan3_1_2','plan3_1_5'];
for(var i=0;i<plan31.length;i++){
var selectValue=document.getElementById(plan31[i]+"_select").value;
if(selectValue=='show'){//判断文本框
var inputValue=document.getElementById(plan31[i]+"_input").value;
if(!patrn.test(inputValue)||parseInt(inputValue)<1||parseInt(inputValue)>65535){
mes1=mes1+plan31[i].substring(4,plan31[i].length).replace("_",".").replace("_",".")+",";
}
}
}
if(mes1!=""){
mes1=mes1.substring(0,mes1.length-1);//去掉最后一个逗号
mes1=mes1+"输入值为1-65535之间的整数!";
alert(mes1);
return false;
}
return true;
}
//点击 link时检测值的范围(数目限制类方案)
function input_3_2_Range(){
var mes1="";
var plan_len=16;
var patrn=/^[1-9]{1}[0-9]*$/;
for(var i=1;i<=plan_len;i++){
var selectValue=document.getElementById("plan3_2_"+i+"_select").value;
if(selectValue=='show'){//判断文本框
var inputValue=document.getElementById("plan3_2_"+i+"_input").value;
if (!patrn.test(inputValue)){
mes1=mes1+"3.2."+i+",";
}
}
}
if(mes1!=""){
mes1=mes1.substring(0,mes1.length-1);//去掉最后一个逗号
alert(mes1+"输入为非正整数!");
return false;
}
var mes2="";
var plan32inputID=['plan3_2_1','plan3_2_2','plan3_2_3','plan3_2_4','plan3_2_5','plan3_2_6','plan3_2_8','plan3_2_9'];
for(var j=0;j<plan32inputID.length;j++){
var selectVal11=document.getElementById(plan32inputID[j]+"_select").value;
if(selectVal11=='show'){//判断文本框
var inputVal11=document.getElementById(plan32inputID[j]+"_input").value;
if(parseInt(inputVal11)<1||parseInt(inputVal11)>65535){
mes2=mes2+plan32inputID[j].substring(4,plan32inputID[j].length).replace("_",".").replace("_",".")+",";
}
}
}
if(mes2!=""){
mes2=mes2.substring(0,mes2.length-1);//去掉最后一个逗号
alert(mes2+"输入的值为1-65535之间的整数!");
return false ;
}
var mes3="";
var plan32_100inputID=['plan3_2_7','plan3_2_15','plan3_2_16'];
for(var j=0;j<plan32_100inputID.length;j++){
var selectVal100=document.getElementById(plan32_100inputID[j]+"_select").value;
if(selectVal100=='show'){//判断文本框
var inputVal100=document.getElementById(plan32_100inputID[j]+"_input").value;
if(parseInt(inputVal100)<1||parseInt(inputVal100)>100){
mes3=mes3+plan32_100inputID[j].substring(4,plan32_100inputID[j].length).replace("_",".").replace("_",".")+",";
}
}
}
if(mes3!=""){
mes3=mes3.substring(0,mes3.length-1);//去掉最后一个逗号
alert(mes3+"输入的值为1-100之间的整数!");
return false ;
}
var mes4="";
var plan32_10inputID=['plan3_2_12','plan3_2_13','plan3_2_14'];
for(var j=0;j<plan32_10inputID.length;j++){
var selectVal10=document.getElementById(plan32_10inputID[j]+"_select").value;
if(selectVal10=='show'){//判断文本框
var inputVal10=document.getElementById(plan32_10inputID[j]+"_input").value;
if(parseInt(inputVal10)<1||parseInt(inputVal10)>10){
mes4=mes4+plan32_10inputID[j].substring(4,plan32_10inputID[j].length).replace("_",".").replace("_",".")+",";
}
}
}
if(mes4!=""){
mes4=mes4.substring(0,mes4.length-1);//去掉最后一个逗号
alert(mes4+"输入的值为1-10之间的整数!");
return false ;
}
var mes5="";
var plan32_5inputID=['plan3_2_10','plan3_2_11'];
for(var j=0;j<plan32_5inputID.length;j++){
var selectVal5=document.getElementById(plan32_5inputID[j]+"_select").value;
if(selectVal5=='show'){//判断文本框
var inputValue5=document.getElementById(plan32_5inputID[j]+"_input").value;
if(parseInt(inputValue5)<1||parseInt(inputValue5)>5){
mes5=mes5+plan32_5inputID[j].substring(4,plan32_5inputID[j].length).replace("_",".").replace("_",".")+",";
}
}
}
if(mes5!=""){
mes5=mes5.substring(0,mes5.length-1);//去掉最后一个逗号
alert(mes5+"输入的值为1-5之间的整数!");
return false ;
}
return true;
}
//点击 link时检测值的范围(其它限制类方案)
function input_3_3_Range(){
var mes1="";
var patrn=/^[1-9]{1}[0-9]*$/;
var plan3_3=['plan3_3_1','plan3_3_3'];
for(var i=0;i<plan3_3.length;i++){
var selectValue=document.getElementById(plan3_3[i]+"_select").value;
if(selectValue=='show'){//判断文本框
var inputValue=document.getElementById(plan3_3[i]+"_input").value;
if(!patrn.test(inputValue)||parseInt(inputValue)<1||parseInt(inputValue)>10){
mes1=mes1+plan3_3[i].substring(4,plan3_3[i].length).replace("_",".").replace("_",".")+",";
}
}
}
if(mes1!=""){
mes1=mes1.substring(0,mes1.length-1);//去掉最后一个逗号
mes1=mes1+"输入值为1-10之间的整数!";
alert(mes1);
return false;
}
var selectVal=document.getElementById("plan3_3_2_select").value;
if(selectVal=='show'){
var inputVal=document.getElementById("plan3_3_2_input").value;
if(!patrn.test(inputVal)||parseInt(inputVal)<5||parseInt(inputVal)>20){
alert("3.3.2输入值必须在5-20之间的整数!");
return false;
}
}
return true;
}
var latestSelectName="";//全局变量
function checkInputForm(currentSelectName){
if(latestSelectName == ""){
if(currentSelectName =="1"){
if(!input_3_1_Range()){
showTimeLimitPlan();
return;
}
}
if(currentSelectName =="2"){
if(!input_3_2_Range()){
ShowCountLimitPlan();
return;
}
}
if(currentSelectName =="3"){
if(!input_3_3_Range()){
OtherLimitPlan();
return;
}
}
latestSelectName = currentSelectName;
}else{
if(latestSelectName =="1"){
if(!input_3_1_Range()){
showTimeLimitPlan();
return;
}
}
if(latestSelectName =="2"){
if(!input_3_2_Range()){
ShowCountLimitPlan();
return;
}
}
if(latestSelectName =="3"){
if(!input_3_3_Range()){
OtherLimitPlan();
return;
}
}
latestSelectName = currentSelectName;
}
if(currentSelectName =="1"){
showTimeLimitPlan();
}
if(currentSelectName =="2"){
ShowCountLimitPlan();
}
if(currentSelectName =="3"){
OtherLimitPlan();
}
}
//检测用户输入的值是否超过所给定的范围
function isOverRange_Change(input_textID,rangeType){
var range=[65535,100,5,10,20];
var varValue=document.getElementById(input_textID).value;
var patrn=/^[1-9]{1}[0-9]*$/;
if (!patrn.test(varValue)){
alert("请输入大于零的整数!");
return;
}
if(rangeType==1){
if(parseInt(varValue)<1||parseInt(varValue)>range[0]){
alert("您输入的值超过了最大值65535!");
return;
}
}else if(rangeType==2){
if(parseInt(varValue)<1||parseInt(varValue)>range[1]){
alert("您输入的值超过了最大值100!");
return;
}
}else if(rangeType==3){
if(parseInt(varValue)<1||parseInt(varValue)>range[2]){
alert("您输入的值超过了最大值5!");
return;
}
}else if(rangeType==4){
if(parseInt(varValue)<1||parseInt(varValue)>range[3]){
alert("您输入的值超过了最大值10!");
return;
}
}else if(rangeType==5){
if(parseInt(varValue)<5||parseInt(varValue)>range[4]){
alert("请输入5-20之间的数字!");
return;
}
}
}
//添加方案
function addPlan(){
//var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){2,14}$/;
var planDes=document.getElementById("planDescription").value;
if(planDes==""){
alert("方案描述不能为空!");
return ;
}
//警情方案
var includeAlarmA ="";
var subRealSelected = document.getElementById("alarmSelectSubAdd1A").options;
if(subRealSelected.length==0){
alert("至少选择一种警情方案!");
return;
}
for(var i=0;i<subRealSelected.length;i++){
includeAlarmA = includeAlarmA + subRealSelected[i].value + ",";
}
document.forms["linitForm"].elements["alarmPlanInculde"].value=includeAlarmA;
//判断表单的值是否正确
if(!input_3_1_Range())return;
if(!input_3_2_Range())return;
if(!input_3_3_Range())return;
//时间限制类方案赋值.
var plan3_1="";
var plan3_1_end=7;
for(var i=1;i<=plan3_1_end;i++){
var selectValue=document.getElementById("plan3_1_"+i+"_select").value;
if(selectValue=='show'){
var inputValue=document.getElementById("plan3_1_"+i+"_input").value;
plan3_1=plan3_1+inputValue+",";
} else {
plan3_1=plan3_1+selectValue+",";
}
}
document.forms["linitForm"].elements["plan3_1"].value=plan3_1;
//数量限制类方案赋值
var plan3_2="";
var plan3_2_end=17;
for(var i=1;i<=plan3_2_end;i++){
var selectValue=document.getElementById("plan3_2_"+i+"_select").value;
if(selectValue=='show'){
var inputValue=document.getElementById("plan3_2_"+i+"_input").value;
plan3_2=plan3_2+inputValue+",";
} else {
plan3_2=plan3_2+selectValue+",";
}
}
var plan3_2_18_input=document.getElementById("plan3_2_18_input").value;
plan3_2=plan3_2+plan3_2_18_input+",";
document.forms["linitForm"].elements["plan3_2"].value=plan3_2;
//其它限制类方案赋值
var plan3_3="";
var plan3_3_end=6;
for(var i=1;i<=plan3_3_end;i++){
var selectValue=document.getElementById("plan3_3_"+i+"_select").value;
if(selectValue=='show'){
var inputValue=document.getElementById("plan3_3_"+i+"_input").value;
plan3_3=plan3_3+inputValue+",";
} else {
plan3_3=plan3_3+selectValue+",";
}
}
document.forms["linitForm"].elements["plan3_3"].value=plan3_3;
//操作
document.forms["linitForm"].action="/planManager.do?method=addPlan";
document.forms["linitForm"].submit();
}
//*******修改方案
function ModifyPlan(){
//var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){2,14}$/;
var planDes=document.getElementById("planDescription").value;
if(planDes==""){
alert("方案描述不能为空!");
return ;
}
//警情方案
var includeAlarmA ="";
var subRealSelected = document.getElementById("alarmSelectSubAdd1A").options;
if(subRealSelected.length==0){
alert("至少选择一种警情方案!");
return;
}
for(var i=0;i<subRealSelected.length;i++){
includeAlarmA = includeAlarmA + subRealSelected[i].value+ ",";
}
document.forms["modifyPlanForm"].elements["alarmPlanInculde"].value=includeAlarmA;
//判断表单的值是否正确
if(!input_3_1_Range())return;
if(!input_3_2_Range())return;
if(!input_3_3_Range())return;
//时间限制类方案赋值.
var plan3_1="";
var plan3_1_end=7;
for(var i=1;i<=plan3_1_end;i++){
var selectValue=document.getElementById("plan3_1_"+i+"_select").value;
if(selectValue=='show'){
var inputValue=document.getElementById("plan3_1_"+i+"_input").value;
plan3_1=plan3_1+inputValue+",";
} else {
plan3_1=plan3_1+selectValue+",";
}
}
document.forms["modifyPlanForm"].elements["plan3_1"].value=plan3_1;
//数量限制类方案赋值
var plan3_2="";
var plan3_2_end=17;
for(var i=1;i<=plan3_2_end;i++){
var selectValue=document.getElementById("plan3_2_"+i+"_select").value;
if(selectValue=='show'){
var inputValue=document.getElementById("plan3_2_"+i+"_input").value;
plan3_2=plan3_2+inputValue+",";
} else {
plan3_2=plan3_2+selectValue+",";
}
}
var plan3_2_18_input=document.getElementById("plan3_2_18_input").value;
plan3_2=plan3_2+plan3_2_18_input+",";
document.forms["modifyPlanForm"].elements["plan3_2"].value=plan3_2;
//其它限制类方案赋值
var plan3_3="";
var plan3_3_end=6;
for(var i=1;i<=plan3_3_end;i++){
var selectValue=document.getElementById("plan3_3_"+i+"_select").value;
if(selectValue=='show'){
var inputValue=document.getElementById("plan3_3_"+i+"_input").value;
plan3_3=plan3_3+inputValue+",";
} else {
plan3_3=plan3_3+selectValue+",";
}
}
document.forms["modifyPlanForm"].elements["plan3_3"].value=plan3_3;
//操作
document.forms["modifyPlanForm"].action="/planManager.do?method=updatePlan";
document.forms["modifyPlanForm"].submit();
}
发表评论
-
JS 中的 style.width
2009-09-01 17:59 3418JS 中的 style.width 2009-08-28 1 ... -
js截取固定长度的中英文字符
2008-11-26 14:16 6278js虽然提供了计算字符串所占字节数的函数,但是却不能正确计算汉 ... -
JavaScript中的escape() 函数
2008-11-26 13:51 2035<script type="text/jav ... -
js option删除代码集合
2008-11-25 13:52 2290javascript删除option选项的多种方法,方便大家选 ... -
相当难得的js option 参考
2008-11-25 13:50 4036This is an option box: <form ... -
移动(增加删除)option
2008-11-25 13:33 1129PHP代码: <!DOCTYPE html ... -
HTML中meta标签用法详解
2008-10-08 13:04 1922meta是html语言head区的一 ... -
网页中多媒体的播放代码大全
2008-10-08 12:55 1921<embed src="在此替 ... -
播放器代码大全
2008-10-08 12:54 22241.avi格式 <object id="vi ... -
DIV边框代码
2008-10-08 11:55 22014立体线框代码稍加润色后的效果: <div style ... -
div+css实现圆角边框
2008-10-08 11:53 2621div+css实现圆角边框,在网络上查看了一下,很多都是实现圆 ... -
JS常用语句
2008-10-08 11:26 14321.document.write( " " ... -
怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
2008-10-08 10:59 6905方法一 <style type="text/c ... -
div 让文字或图片居中
2008-10-08 10:52 4241在div 中让 文字或图片居中,请参考以下代码1: - - - ... -
setInterval("",1000) 和setTimeout(,3000);的使用
2008-10-08 10:50 3098应用代码一: <html xmlns=" ... -
js函数window.open()的使用
2008-10-08 09:22 3748在javascript中,有一个函数 window.open( ... -
40种网页常用小技巧(JavaScript)
2008-10-08 09:12 16541. oncontextmenu="wi ... -
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2008-10-07 18:07 2603既判断浏览器,也判断 ... -
JS 判断浏览器类型(是否使用IE,Firefox,Opera浏览器)
2008-10-07 17:59 12491关键字:JS 判断浏览器(是否使用IE,Firefox ... -
js判断浏览器类型
2008-10-07 17:56 2351function btnlogin(){ if(nav ...
相关推荐
在JavaScript(JS)编程中,动态添加Select中的Option元素值是一项常见的需求,特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能,并提供一个实际的案例来演示这一过程。 首先,我们要理解HTML...
### JS & JQuery 动态添加 select option 知识点总结 #### 1. JavaScript 动态添加 option JavaScript中动态添加option到select元素主要使用`document.getElementById`获取select元素,然后利用其`options`属性...
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
在JavaScript编程中,动态生成`select`元素中的`option`是一项常见的需求,特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,同时结合提供的`autoSelect.html`和`autoselect.txt`...
这篇博客“向<select>元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`<select>`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...
以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`<select>`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...
在JavaScript中,动态地向`<select>`元素添加`<option>`是常见的需求,尤其是在创建交互式表单或实现特定功能时。这个实例代码展示了一种根据系统当前时间和条件来决定是否添加特定选项的方法。下面将详细解释这个...
"layui select动态添加option的实例" 本文主要讲解了如何使用 layui 实现select动态添加option的功能。layui是一款轻量级的前端框架,提供了许多实用的组件和功能,select组件是其中的一种,能够实现动态添加option...
做作业的时候需要给给一个select标签动态添加option,但却总是不成功,刚开始我是这样写的: $(#day).options.append(new Option(i,i)); 然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加...
总结来说,本文详细讲解了 Select-Option 在 Webdynpro 中的应用,包括如何新建组件、添加 Select-Option 组件、建立局部节点、设置 Table 控件的 ID、绑定节点、添加 Attributes 和使用 Methods 等内容。
在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...
var item = $("select[@name=items] option:selected").text(); ``` 这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ``...
总结起来,jQuery动态添加`<option>`是通过创建新的`<option>`元素,设置其属性,然后将其添加到`<select>`元素中来实现的。这种方法使得网页的交互性增强,能够根据用户行为或数据变化实时更新下拉列表,极大地提高...
总的来说,为"select option"添加鼠标提示功能是提升用户界面友好性的重要手段。通过熟练掌握HTML、CSS和JavaScript,开发者可以创建出更加智能、人性化的网页和应用。同时,不断学习和研究相关的IT资源,如压缩包中...
接下来是向 `<select>` 元素中添加 `<option>` 项的操作。可以使用 `add` 方法或者直接通过修改 `options` 属性来实现: ```javascript function addOption(selectElement, text, value) { var newOption = new ...
除了上述基本步骤之外,还可以探索更多高级特性,比如动态生成Select Options、使用多种数据类型等。这些主题可以进一步深化您对Webdynpro for ABAP中Select Options的理解和应用能力。 #### 结论 在Webdynpro for ...
这个JS插件就是为了解决这个问题,它扩展了`<select>`的功能,允许我们在`<option>`的`title`属性中插入图标地址,然后在界面上动态渲染这些图标。 接下来,我们要探讨如何使用这个插件。在项目中,首先需要引入...
如下所示: var selector=$('<select></select>...以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。