`

select标签的增删改

 
阅读更多
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" onclick="ccccc()" />
        <input type="button" name="Submit3" value="del" onclick="del()" />
      </label></td>
      <td><label>
        <input type="text" name="textfield" id ="text1"/>
      </label></td>
      <td><label>
        <input type="button" name="Submit" value="add" onclick="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" onclick="changetest()" />
      </label>
        <label>
        <input type="button" name="Submit5" value="cancel" onclick="canceltest()"/>
      </label></td>
    </tr>
  </table>
  </div>
  <p>&nbsp;</p>
  <label></label>
</form>
</body>
</html>


分享到:
评论

相关推荐

    自己整理的实例增删改

    【标签】"自己整理的实例增删改"同样是对内容主题的概括,表明这个压缩包中的内容专注于数据操作的核心技术点,适合初学者巩固基础,或者开发者查阅特定操作的实例。 【压缩包子文件的文件名称列表】"SSHPRJ自己要...

    简单页面(c标签)+java后台实现增删改差

    在IT行业中,构建Web应用程序是常见的任务,而“简单页面(c标签)+java后台实现增删改查”就是一种常见的开发模式。这种模式结合了客户端的展示逻辑和服务器端的数据处理逻辑,使得Web应用既能提供友好的用户界面,...

    asp制作的增删改网页

    【ASP技术介绍】 ASP(Active Server Pages)是微软推出的一种服务器端脚本环境,..."asp制作的增删改网页"这样的项目,正是这种基础知识的最佳实践实例,尽管它可能较为基础,但对于初学者来说,是一个很好的起点。

    Qt学习笔记 TableWidget使用说明和增删改操作的实现 - lpxxn - 博客园1

    7. **增删改操作**:在实际应用中,通常会为TableWidget添加信号与槽来处理用户交互。例如,`on_tableWidget_currentItemChanged`是当当前选中项改变时触发的槽函数,可以在此处编写添加、删除和修改数据的逻辑。但...

    MyBatis实现增删改插完善

    本教程将详细介绍如何使用MyBatis实现数据库的增删改插功能,并确保其完善性。 首先,我们需要理解MyBatis的核心概念,包括SqlSessionFactory、SqlSession和Mapper。SqlSessionFactory是创建SqlSession的工厂,...

    Ibatis 2 增删改简单应用配置示例说明

    在本示例中,我们将详细讲解如何在Ibatis 2中进行简单的增删改操作。 首先,我们需要进行环境准备。如果你已经有Hibernate框架的基础,那么理解Ibatis会更加容易。如果没有,建议先了解Ibatis的基本概念和用法。在...

    jsp 简单的增删改的数据库操作程序

    "jsp 简单的增删改的数据库操作程序" 这个标题揭示了我们讨论的核心内容,即一个基于JSP(JavaServer Pages)技术的数据库操作项目,它具备基本的CRUD(创建Create、读取Read、更新Update、删除Delete)功能。...

    JSP 实现增删改功能

    **JSP实现增删改功能详解** 在Web开发中,JavaServer Pages(JSP)是一种常用的服务器端脚本语言,用于生成动态网页。本篇将深入探讨如何利用JSP技术来实现用户管理系统的增删改功能,同时结合SQL2000数据库进行...

    TableWidget使用说明和增删改操作.rar_bookxhq_fineauv_qt tablewidget_simplyo

    在实际应用中,增删改操作通常涉及数据模型的更新。`QTableWidget`的数据模型默认是`QStandardItemModel`,可以通过以下方式操作: 1. **增加数据**:在新行中添加数据,先调用`insertRow()`,然后为每个列设置`...

    用JAVA程序实现数据库的增删改

    本教程将重点讲解如何使用Java程序实现数据库的增删改(CRUD)操作,并结合JSP和Servlet技术进行Web交互。Oracle作为广泛使用的数据库管理系统,是我们实现这些功能的理想选择。 首先,我们需要了解Java中的JDBC...

    jsp+servlet+jdbc增删改查实列

    在本实例中,我们将使用`JDBC`驱动来建立与数据库的连接,执行SQL语句(INSERT、DELETE、UPDATE和SELECT)以实现增、删、改、查功能。 首先,你需要创建一个数据库配置文件(如`properties`文件),其中包含数据库...

    mybatis 实现数据的增删改查小demo

    通常,增删改操作需要在一个事务中进行,确保数据一致性。可以使用 `SqlSession.commit()` 提交事务,或在异常情况下回滚 `SqlSession.rollback()`。 11. **使用示例**: - 创建一个测试类,初始化 `...

    oracle数据库中的对表中字段的增删改查

    在Oracle数据库中,对表中字段的增删改查是数据库管理的基础操作,涉及到数据库设计、数据完整性以及日常的数据维护工作。以下将详细介绍这四个基本操作,并结合标签“源码”和“工具”来探讨如何在实践中高效地完成...

    用JSP做的student 系统 增删查改

    在student系统中,我们可能使用JDBC进行数据库连接,执行SQL语句,如SELECT、INSERT、UPDATE和DELETE,以实现对student数据的增删查改。 2. 数据库设计:通常,会有一个名为"student"的表,包含字段如id(主键)、...

    delphi增删改查小模块

    根据提供的Delphi代码片段及其标题、描述和标签,我们可以总结出以下有关Delphi数据库操作的知识点: ### Delphi中的数据库操作:增删改查小模块 #### 一、概述 Delphi是一种流行的快速应用程序开发(RAD)环境,...

    JSP期末(对数据库的增删改查)

    例如,添加数据可能使用`INSERT INTO`语句,删除数据使用`DELETE FROM`,修改数据使用`UPDATE`,而查询数据则常用`SELECT`。对于更复杂的查询,可能会涉及到`WHERE`子句来设定条件,`JOIN`操作来联接多个表,以及`...

    最简单MVC的增删查改

    3. 在视图中使用`&lt;select&gt;`标签将数据转换为下拉框形式。 **多表查询** 对于更复杂的情况,如需要从多个表中获取数据时,可以使用多表查询。这种方式与单表查询类似,但涉及到的数据源更多。需要注意的是,多表...

    ibatis +mssql 执行增删改查 +存储过程

    Ibatis支持调用存储过程,只需在映射文件中定义一个`&lt;select&gt;`标签,使用`procedure`属性指定存储过程名,并通过`parameterMap`或`parameterType`指定输入/输出参数。例如: ```xml &lt;select id="callProcedure" ...

    JavaScript操作select大全

    本文档提供了详细的JavaScript操作`&lt;select&gt;`元素的方法,包括判断选项是否被选中、增删改选项及其属性等实用功能。下面将详细介绍这些方法。 #### 一、判断是否选中 **功能描述:** 判断指定值的`&lt;option&gt;`元素...

    Mybatis增删改查使用例

    4. **SQL语句(Statements)**:在映射文件中,你可以定义`&lt;select&gt;`、`&lt;insert&gt;`、`&lt;update&gt;`和`&lt;delete&gt;`标签来编写SQL语句。每个标签都对应一个数据库操作方法。 5. **参数映射(Parameter Mapping)**:Mybatis...

Global site tag (gtag.js) - Google Analytics