手动在页面添加值到下拉列表而不刷新的demo
在一个页面中有一个"添加"按钮和一个下拉列表,在单击"添加"按钮后,便在下拉列表中增加相应的选项,不用刷新页面就能看到列表的更新情况
Html代码
<html>
<head>
<title>添加Option对象</title>
<script language = "javascript">
// 添加选项
function addOption(pos){
var objSelect = document.myForm.mySelect;
// 取得字段值
var strName = document.myForm.myOptionName.value;
var strvalue = document.myForm.myOptionvalue.value;
// 建立Option对象
var objOption = new Option(strName,strvalue);
if (pos == -1 & pos > objSelect.options.length)
objSelect.options[objSelect.options.length] = objOption;
else
objSelect.add(objOption, pos);
}
</script>
</head>
<body>
<hr>
<form name = "myForm">
<select name = "mySelect">
<option value = "第一名" Selected>中国</option>
<option value = "第二名">日本</option>
<option value = "第三名">美国</option>
<option value = "第四名">英国</option>
</select>
<br>
选项名称 : <input type = "text" name = "myOptionName" value = "英国"><br>
选项的值 : <input type = "text" name = "myOptionvalue" value = "第四名">
<input type = "button" onclick = "addOption(-1)" value = "添加">
</form>
</body>
</html>
分享到:
相关推荐
各种下拉刷新Demo
下拉刷新demo,android最新,个性的下拉刷新
下拉刷新Demo,实现ListView,ScrollView,GridView等的下拉刷新功能
android下拉刷新demo eclipse版本。下拉刷新特效围绕actionbar
下拉刷新的demo,只是下拉刷新,能结合webview\listview各个控件。
经常会用到下拉刷新的特效,例如新浪微博,在下提供一个demo, 希望大家多多指教
Android下拉刷新的ListView Demo,代码中有详细的注释。 更加详细的描述请浏览我相应的博客:http://blog.csdn.net/newbie_coder/article/details/10376819
ListView下拉刷新 ListView下拉刷新ListView下拉刷新ListView下拉刷新
IOS下拉刷新的DEMO 大家来看一眼...
前几天整理电脑了,发现这个DEMO不错,发出来分享一下。不知道其他人发过没。 android 下拉刷新列表 源码
自定义android下拉刷新,详细见博客:http://blog.csdn.net/u012246458/article/details/53393014
安卓上拉下拉刷新Demo,采用SwipeToLoadLayout开源控件,欢迎下载学习
多种html下拉上拉加载更多内容,提供多个DEMO文件!
Android ListView下拉刷新 Demo.rar
这个demo 主要是分享给用到下拉刷新的同学的,非常好用 ,主要分为三个部分:listview scrollview 和webView的下拉刷新可以说是涵盖了所有关于下拉的应用,我只想说绝对值2分的了!
一个简单的demo,实现页面的下拉刷新,上拉加载
下拉刷新 原理,完整demo
整理了下以前写的小项目,ListView的下拉刷新,虽然小但还是想纪念下。。适合新手看,大神略过。。。