动态更新Html中的列表
Dynamicaly Update the List in Html
我有一个html页面中的列表,点击按钮就会更新。我还有一个文本字段和按钮。在文本字段中输入的值应在单击按钮时显示在列表框中。
这是我的代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript">
function addsoap(form1)
{
if(document.form1.datafile.value=="")
{
alert("Select a File First");
}
else
{
var soap=document.getElementById("right1");
var newsoap=document.createElement('option');
newsoap.text=document.form1.datafile.value;
newsoap.value=document.form1.datafile.value;
soap.add(newsoap);
}
}
</script>
</head>
<body>
<table align='center'>
<form name="form1">
<tr>
<td>Please specify a file, or a set of files:<br>
<input type="file" name="datafile" size="40">
</td>
</tr>
<tr>
<td><input type=button value="ADD" onclick="addsoap(form1)" ></td>
</tr>
<tr>
<td align="right"><select id="right1" size="10" multiple>
<option>AAAAAAAAAAAAAAAAAAAAAAAAA</option>
</select></td>
</tr>
</form>
</table>
</body>
</html>
而不是.add方法使用.appendChild方法
相关文章:
- 如何在HTML列表中添加事件's子弹
- 从JSON填充列表(而不是HTML)
- 为非列表项目创建HTML实时搜索
- 如何使用jQuery来解析json并将其作为列表输出到HTML中
- html5中数据描述属性中的html列表
- javascript和html图像下拉列表
- 我在下拉列表中尝试了下一个和前五年的html代码.接下来的5年我都过得很好.我怎样才能拿到之前的5年
- 通过点击-PHP/HTML发布列表中的选定值
- 用javascript在html显示列表中显示新成员
- 如何在列表(HTML)中创建文本框
- 在选择其他下拉列表html和javascript araray的基础上,填充3个连续的下拉列表
- 使用 SQL 信息更新选择下拉列表 (HTML)
- 从文本区域中的选定文本创建列表html
- 层次结构和多选项下拉列表(HTML),并在项目之间导航(子节点)
- 显示选项与复选框下拉列表- HTML/JAVASCRIPT
- 渐近分析:填充一个长重复列表.HTML vs. JavaScript
- 秒表/计时器,保存var并显示在高分列表(HTML, JS)
- Chrome中的AJAX下拉列表(HTML Select)
- 转换无序列表html
- 对json数组递归调用子列表
- 如何使用jQuery在表格或列表html之间切换