select 上移下移删除以及模态对话框

最新推荐文章于 2019-10-30 10:33:09 发布

rich6888

最新推荐文章于 2019-10-30 10:33:09 发布

阅读量384

点赞数

< head >

< title > 4.1对话框 </ title >

< script language ="javascript" type ="text/javascript" > ...

// <!CDATA[

function Button3_onclick() ...{

//下移

Select1.options.insertBefore(Select1.options[Select1.selectedIndex+1],Select1.options[Select1.selectedIndex]);

}

function Button1_onclick()

...{

//添加

var s= window.showModalDialog("dialog.htm","","dialogHeight:200px;dialogWidth:300px");

var coll = document.all.tags("SELECT");

if (coll.length>0)

...{

for (i=0; i< coll(0).options.length; i++)

...{

if (s[0]==coll(0).options(i).value)

...{

window.alert("该用户已经存在！");

return;

}

var oOption = document.createElement("OPTION");

Select1.options.add(oOption);

oOption.innerText=s[0]+"-"+s[1];

oOption.value=s[0];

}

function Button2_onclick() ...{

//删除

Select1.remove(Select1.selectedIndex);

}

function Button4_onclick() ...{

//上移

Select1.options.insertBefore(Select1.options[Select1.selectedIndex],Select1.options[Select1.selectedIndex-1]);

}

// ]]>

</ script >

</ head >

< body >

< select id ="Select1" multiple ="multiple" style ="width: 112px" >

</ select >

< br />

< input id ="Button1" type ="button" value ="添加用户" onclick ="return Button1_onclick()" />                  

< input id ="Button4" type ="button" value ="上移" onclick ="return Button4_onclick()" />

< input id ="Button3" type ="button" value ="下移" onclick ="return Button3_onclick()" />

< input id ="Button2" type ="button" value ="删除" onclick ="return Button2_onclick()" />

</ body >

</ html >

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

rich6888

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

js表格刷新、全选、全不选、添加、拷贝、上下移动、删除行功能实现

08-12

对表格单元格的添加删除修改并对其进行移动以及拷贝等操作，是目前应用开发中常用的技术。 js刷新、复选框全选，全不选，添加，拷贝，上下移动，删除功能实现。

模态框拖拽案例分析--元素偏移量 offset 系列

qq_45593650的博客

10-30

197

弹出框，我们也称为模态框。模态框拖拽案例分析: 　　　　(1)点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。　　　　(2)点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。　　　　(3)鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。　　　　(4)鼠标松开，可以停止拖动模态框移动。 1 <!DOCTYPE html> ...

参与评论您还未登录，请先登录后发表或查看评论

js表格上下移动添加删除

weixin_30417487的博客

04-12

241

html部分 <div onclick='fn()'>加</div> <table width="250" border="1" > <tbody id="div"> <tr> <td width="25%">1</td> <td width="25...

Bootstrap使用Javascript显示模态框后页面上移

我只是坚持我的兴趣。

05-25

3875

Bootstrap使用Javascript显示模态框后页面上移解决办法：添加data-toggle="modal"。虽然少了这个属性模态框仍然会弹出，但是如果这个时候页面在垂直方向有滚动条，页面就会向上移动。本来以为是用js来显示模态框就可以不需要这个属性了，结果掉到坑里去了。 <a href="#" class="btn btn-xs btn-default edit-note" data-to

qml自定义模态对话框

12-06

在QML（Qt Quick）中，自定义模态对话框是一种常见的需求，它允许开发者创建具有独特设计和功能的交互式界面元素。不同于标准的`Popup`组件，自定义模态对话框通常需要更高的定制性，以满足特定的用户体验或项目需求...

MFC创建模态对话框和非模态对话框的方法

12-31

在MFC中对话框有两种形式，一个是模态对话框（model dialog box），一个是非模态对话框（modeless dialog box）。本文对此分别简述其创建方法。一、模态对话框（model dialog box）在程序运行的过程中，若出现了...

111非模态对话框_C++_非模态对话框_自动保存数据_

10-03

在C++编程中，非模态对话框（Non-Modal Dialog Box）是一种常见的用户界面元素，它允许用户在对话框打开的同时与应用程序的其他部分进行交互。非模态对话框通常用于提供用户输入数据或者执行特定任务，而不阻止用户...

VS2010+MFC 模态对话框、非模态对话框的显示与打开以及对话框的之间的数据传递

01-18

在本文中，我们将深入探讨如何在VS2010中使用MFC实现模态对话框（Modal Dialog）和非模态对话框（Modeless Dialog）的显示与打开，以及它们之间的数据传递。首先，模态对话框是一种阻止用户与应用程序其他部分交互...

(转）JS实现可编辑的表格

iteye_20446的博客

10-11

1648

来自网络：这个不错，就转了收藏。 http://apps.hi.baidu.com/share/detail/30648462 html： [code="html"] 编辑表格数据可编辑的表格序号商品名称数量单价合计 ...

jQuery实现用户信息表格的添加、删除操作

qzlydao的博客

09-11

3365

1、浏览器界面2、html代码<body> <form name="userForm"> <center> 用户录入 <br /> 用户名: <input id="username" name="username" type="text" size=15 />

input触发弹出层，实现select 效果

学习那点事儿

01-15

3万+

在Html中，标签标示一个文本输入框，没有结束标签。标签就是弹出下拉框，两个标签是相互独立的，如果把两者结合在一起，那可能会成为一个新的亮点，增加用户体验。其实已经有很多比较成熟的效果，比如google的自动补全效果，在用户输入部分关键字之后，会弹出相应的下拉选项，这样都大大提高了用户的体验效果。刚好这周，客户提出要调整输入框效果，实现input和select相结合。在组件中，这样的东西并不存

MyBatis中的collection两种使用方法

热门推荐

Talk is cheap. Show me the code.

05-01

12万+

问题 1==>n 问题选项 //问题实体类 public class Question { private String id; //ID private String content; //问题 private String type; //问题类型 1:单选,2:多选,3:问答 private Integer sort; //排序 private List<Questi...

解决bootstrap中模态框打开时页面发生一瞬间移动

Hing's blog

02-06

3610

相信很多人都在使用bootstrap中的modal时会出现一个诡异的现象，就是打开模态框时页面会出现一瞬间的移动，就好像页面发生了抖动，后来看了看bootstrap的文档原来是当模态框弹出时，会为body添加.modal-open类，modal-open为body设置了overflow:hidden，因此原来页面的滚动条就消失了，页面会因此而右移，为了防止这一状况，bootstrap在打开模态框会...

DataGridView怎样实现添加、删除、上移、下移一行

BADAO_LIUMANG_QIZHI的博客

10-30

6285

场景在Winform中使用DataGridView实现添加一行、删除一行、上移一行、下移一行。注：博客主页：https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现添加一行 private void TaskViewEditHelper_OnAddStep(object sen...

js操作表格操方法,增加,删除行，上移,下移一行选定行

蓝缘

04-09

9690

var mytable = null; window.onload = function () { mytable = new CTable("tbl", 10); //随机创建10行表格 } Array.prototype.each = function (f) { //数组的遍历 for

对话框上滑向上移动消失,下滑向下移动消失

JackyCheung

07-24

1821

效果如下：我是建立在对话框的基础上实现该效果的，若Dialog简单使用动画效果，只要在style文件设置进入跟退出的样式的就可以。那现在的是进入正常的对话框弹出，上滑对话框向上移动并消失，下滑向下移动并消失。

bootstrap modal模态窗口拖拽功能

关于代码的那些事

03-31

4500

/** 拖拽模态框*/ var dragModal={ mouseStartPoint:{"left":0,"top": 0}, mouseEndPoint : {"left":0,"top": 0}, mouseDragDown : false, basePoint : {"le

js~一个列表中包含上移下移删除等功能

weixin_33935777的博客

09-24

317

最近做了一个项目，包括了一个列表页，为了用户体验，操作均使用JS实现，其中包括在列表中实现上移，下移，删除等功能，前台JS，后端数据修改使用AJAX，本文主要说一下前台JS这块先看一下页面的截图看一下它的HTML结构，当然，这与前台切图有关，后端程序人员只负责写自己的JS这块，我以我们项目为例，看一下它们切的HTML <ul class="clearfix"> ...

VC模态对话框与非模态对话框详解及其区别

在Visual C++ (VC) 中，模态对话框和非模态对话框是两种不同的交互方式，它们在用户界面交互和内存管理上有着显著的区别。 1. **模态对话框**： - 模态对话框是“霸权型”的，创建后会暂停主程序的消息处理，即当...