<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Insert title here</title>
<script type="text/javascript" language="javascript">
//动态添加select 下拉框 (1)
function changeSel(obj){
var arr = new Array();
arr[0]="测试一";
arr[1]="测试二";
arr[2]="测试三";
var rowObj = obj.parentNode.parentNode;
var rowNumber = rowObj.rowIndex;
alert(rowNumber);
rowObj.getElementsByTagName("input")[1].value = "changed1";
rowObj.getElementsByTagName("input")[2].value = "changed2";
var cellObj = rowObj.cells[0];
cellObj.innerHTML = "<select name = 'select' id = 'select' ></select>";
for(var i = 0; i<arr.length; i++){
var opt=new Option(arr[i],"1");
rowObj.getElementsByTagName("select")[0].options[i]=opt;
}
}
////动态添加select 下拉框 (2)
function insertOption(obj)
{
var rowObj = obj.parentNode.parentNode;
var option1 = document.createElement('option');
option1.text='测试一';
var option2 = document.createElement('option');
option2.text='测试二';
var cellObj = rowObj.cells[0];
cellObj.innerHTML = "<select name = 'select' id = 'select' ></select>";
var selObj = rowObj.getElementsByTagName("select")[0];
try
{
selObj.add(option1,null); // standards compliant
selObj.add(option2,null);
}
catch(ex)
{
selObj.add(option1); // IE only
selObj.add(option2);
}
selObj.options[selObj.selectedIndex].text="Melon"
}
</script>
</head>
<body>
<table>
<tbody id = "mainBody">
<tr>
<td>
<input type = "text" name = "text0" value = "text0" />
</td>
<td>
<input type = "text" name = "text1" value = "text1" />
</td>
<td>
<input type = "text" name = "text2" value = "text2" />
</td>
<td>
<a href="#" onclick="changeSel(this)" >删除</a>
</td>
</tr>
<tr>
<td>
<input type = "text" name = "text0" value = "text0" />
</td>
<td>
<input type = "text" name = "text1" value = "text1" />
</td>
<td>
<input type = "text" name = "text2" value = "text2" />
</td>
<td>
<a href="#" onclick="changeSel(this)" >删除</a>
</td>
</tr>
<tr>
<td>
<input type = "text" name = "text0" value = "text0" />
</td>
<td>
<input type = "text" name = "text1" value = "text1" />
</td>
<td>
<input type = "text" name = "text2" value = "text2" />
</td>
<td>
<a href="#" onclick="insertOption(this)" >删除</a>
</td>
</tr>
</tbody>
</table>
</body>
</html>
分享到：
相关推荐
在DataGridView控件中加入ComboBox下拉列表框的实现案例
本例子主要是自定义一个下拉列表框，演示Spinner的用法，在Android中创建一个DropDownView，动态添加列表框的值，示例运行后，用户即进入添加模式，添加后列表框中会一项内容，依次类推，单击下拉框会看到所添加的值...
2. js部分，建一个function方法，利用ajax，指向 ‘getAllTypes.action’ 的servlet部分，获取传来的下拉列表的数据，动态填充 <span xss=removed> </span>function loadType(){ <span xss=removed> $.get( ...
动态下拉列表实现，类似google那样.动态下拉列表实现
网上搜集了很多关于Labview Xcontrol 方面零零散散的资料, 能用的或者带源码的很少,最近做项目的原因,恰好需要一个给用户选择可以根据输入数组信息, 动态加载和勾选所需的内容的功能, 自己参考部分别人的图片信息, ...
js 实现 从一个下拉列表往另一个下拉列表添加内容! 值得下载看看!资源免费,大家分享!!
Labview Xcontrol 实现下拉列表动态添加
用PB动态生成下拉菜单比较麻烦，到目前为止还没有在网上看到类似代码。本人用pb多年，也就高出这么点东西，拿出与大家共享！！！
jquery Ajax实现Select动态添加数据，具体内容如下 1.背景 最近在工作中，遇到了一个关于select的问题。一般情况下，select下拉框中的数据都是固定的或者直接在jsp中读取列表值显示。但是，这次要实现select与别的...
javascript为下拉列表添加数据项.html 代码如下: <!... <head>...为下拉列表动态添加数据项</title> [removed] function gel(id) { return document.getElementById(id); } [removed]
jquery实现动态添加文本框和下拉框效果。
pb9 + SQLServer2000源码实现，动态过滤下拉数据窗口数据，可参考看看
treegrid动态加载tree级联更新下拉列表，保存让下拉列表显示名称，不是id，和动态计算数量乘以单价的和，和总合计，添加一列删除一列,撤回,保存的合计。
DataGridView中添加ComboBox和按钮的控件
============标签作用=========== 这个标签对于分类信息网相当实用！各大分类信息网站很多频道都...3、将标签代码复制添加到"/e/class/userfun.php"。 注意：由于涉及到文件的覆盖修改，使用前请先做好文件的备份！
帮朋友写的：下拉式列表日期控件，只有年份是写死的，月份和日都是在加载时js动态添加的。同时也根据月份的不同修改天数（包括闰年平年二月的天数）；点击按钮后在文本域里显示了js调用后台函数的方法（这个是查到的...
java swing 多选下拉框 支持动态加载数据 （优化了网上的下拉框代码）
使用javascript实现table动态增加删除行列。