select标签的增删改

最新推荐文章于 2019-04-10 23:00:48 发布
最新推荐文章于 2019-04-10 23:00:48 发布
阅读量105 收藏
点赞数
分类专栏： javaScript 文章标签： xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/long316/article/details/84115688
版权
http://blog.csdn.net/wld1985/article/details/7071721


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
function addtest()
{
alert("test");
var se = document.getElementById('sel');
var a = document.getElementById('text1');
se.options.add(new Option(a.value));
document.getElementById('text1').value = "";
document.getElementById('text1').focus();


}

function del()
{
alert("del");
var se = document.getElementById('sel');
se.options.remove(se.selectedIndex);
se.selectIndex=0;
}

function ccccc()
{
document.getElementById('addnew').style.display="none";
document.getElementById('changenew').style.display="block";
var se = document.getElementById('sel');
document.getElementById('oldinput').value = se.options[se.selectedIndex].text
}


function canceltest()
{
document.getElementById('addnew').style.display="block";
document.getElementById('changenew').style.display="none";
}


function changetest()
{
alert("change");
var newdate =document.getElementById('newinput').value;
var se = document.getElementById('sel');
se.options[se.selectedIndex].text = newdate;
document.getElementById('addnew').style.display="block";
document.getElementById('changenew').style.display="none";


}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<div id="addnew" style="display:block">
<table width="200" border="1">
<tr>
<td><label>
<select name="select" id="sel" size="5" style="width:200px" multiple="multiple">
</select>
<input type="button" name="Submit2" value="cccccc" οnclick="ccccc()" />
<input type="button" name="Submit3" value="del" οnclick="del()" />
</label></td>
<td><label>
<input type="text" name="textfield" id ="text1"/>
</label></td>
<td><label>
<input type="button" name="Submit" value="add" οnclick="addtest()"/>
</label></td>
</tr>
</table>
</div>
<div id="changenew" style="display:none">
<table width="272" height="44" border="1">
<tr>
<td><label>
<input type="text" name="textfield2" id="oldinput"/>
</label></td>
<td><label>
<input type="text" name="textfield3" id="newinput" />
</label></td>
<td><label>
<input type="button" name="Submit4" value="change" οnclick="changetest()" />
</label>
<label>
<input type="button" name="Submit5" value="cancel" οnclick="canceltest()"/>
</label></td>
</tr>
</table>
</div>
<p> </p>
<label></label>
</form>
</body>
</html>
long316
关注
专栏目录
html最简单的增删改查实现方式
05-11
用js实现的一个增删改查，给学校javascript的同学用
sql语句增添、删除、修改方法
IT小飞飞
01-02 1070
SQL语句的添加、删除、修改虽然有如下很多种方法，但在使用过程中还是不够用，不知是否有高手把更多灵活的使用方法贡献出来？ 添加、删除、修改使用db.Execute(Sql)命令执行操作 ╔----------------╗ ☆ 数据记录筛选 ☆ ╚----------------╝ 注意：单双引号的用法可能有误(没有测式) Sql = "Select Distinct 字段名 From 数据表
js关于select的增删改
点点滴滴
07-10 609
1.判断select选项中 是否存在Value="paraValue"的Item2.向select选项中 加入一个Item3.从select选项中 删除一个Item4.修改select选项中 value="paraValue"的text为"paraText"5.设置select中text="paraText"的第一个Item为选中6.设置select中val
数据库的增删改查(SELECT、DELETE、UPDATE、INSERT)
热门推荐
qq_38345598的博客
03-02 11万+
                                                   数据库的增删改查我使用的是Northwind数据库来进行说明和显示一、查询---select一、简单查询  select 的语法:select  列名称  from  表名称  （其中  * 代表选择显示全部的列） 例如：select * from Region 结果：select Region...
MyBatis实现增删改插完善
05-07
本教程将详细介绍如何使用MyBatis实现数据库的增删改插功能，并确保其完善性。 首先，我们需要理解MyBatis的核心概念，包括SqlSessionFactory、SqlSession和Mapper。SqlSessionFactory是创建SqlSession的工厂，...
简单页面（c标签）+java后台实现增删改差
08-25
在IT行业中，构建Web应用程序是常见的任务，而“简单页面（c标签）+java后台实现增删改查”就是一种常见的开发模式。这种模式结合了客户端的展示逻辑和服务器端的数据处理逻辑，使得Web应用既能提供友好的用户界面，...
自己整理的实例增删改
11-15
【标签】"自己整理的实例增删改"同样是对内容主题的概括，表明这个压缩包中的内容专注于数据操作的核心技术点，适合初学者巩固基础，或者开发者查阅特定操作的实例。 【压缩包子文件的文件名称列表】"SSHPRJ自己要...
asp制作的增删改网页
10-31
【ASP技术介绍】 ASP（Active Server Pages）是微软推出的一种服务器端脚本环境，..."asp制作的增删改网页"这样的项目，正是这种基础知识的最佳实践实例，尽管它可能较为基础，但对于初学者来说，是一个很好的起点。
jsp+servlet+jdbc增删改查实列
10-10
在本实例中，我们将使用`JDBC`驱动来建立与数据库的连接，执行SQL语句（INSERT、DELETE、UPDATE和SELECT）以实现增、删、改、查功能。 首先，你需要创建一个数据库配置文件（如`properties`文件），其中包含数据库...
springboot+mybatis+thymeleaf增删改查及前后端交互
SuJxxx的博客
04-10 1万+
从今天开始写博客。 把自己今后完成的一个个小小小小小项目写出来记录思路以及在过程中遇到的问题还有学习到的新知识点。 springboot+mybatis+thymeleaf增删改查及前后端交互 学完了springboot框架就想开始独立写出来东西，看到网上说先写crud小项目，之前有几个crud的html，直接拿来用了，细节再修改。之后还会在这个基础上添加学过的知识点的。 准备工作 目录结构 p...
select增加删除修改
yangy608の专栏
08-03 218
==========================第一个&lt;form   name="form1"&gt;   &lt;script   language="javascript"&gt;     function   left2Right()   {     var   s1   =   document.form1.select1;     var   s2   =   document...
select中option的增加、删除
sinat_39648402的博客
07-12 1万+
1.增加$('#id').append("&lt;option value= " + keyValue + "&gt;" + keyName + "&lt;/option&gt;");2.常规删除$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) $("#select_id option[index='0'
禁止鼠标右键及svg中自定义右键菜单
long316的专栏
08-20 870
svg屏蔽右键菜单 1 : if(evt.button == 2) evt.preventDefault(); 2: contextMenu.removeChild(contextMenu.firstChild); 3: （1）屏蔽鼠标右键会经常用到，如下： function document.oncontextmenu()//屏蔽鼠标右键 { ...
修改浏览器状态栏信息
long316的专栏
02-28 786
status和defaultStatus是window对象的属性，用于设置状态栏信息， window.status="..."; window.defaultStatus="...";
HHMMss时间校验方法
long316的专栏
09-16 653
startTime： endTime： function testTime() { var strTime1 = document.getElementById("firstname").value; var endTime1 = document.getElementById("lastname").value; ...
javaScript中获取一个对象的所有属性
long316的专栏
01-09 568
转自：http://koda.iteye.com/blog/641894 输出JavaScript对象的内部结构常常做调试用. 一个输出所有对象属性的例子如下： Javascript代码 收藏代码 function dump_obj(myObject) { var s = ""; for (var property in myObj...
Vue+Element UI 实现表格动态增删改功能
"使用Vue.js和Element UI库实现表格的新增、编辑和删除功能，常见于数据管理场景，如XML文件标签的管理。" 在Web开发中，Vue.js是一个流行的前端框架，它提供了一种声明式的数据绑定和组件化的方式，使得构建用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值