自学JS基础之读写小DEMO

来源:互联网 发布:童装淘宝店铺 编辑:程序博客网 时间:2024/05/19 09:09

如何用JS实现读取写入呢?

比如我们要实现下面这个效果:

很简单的小例子:由一个文本输入框,下拉选择框,按钮组成。


先写HTML界面:

             <input id="txt1" type="text" /><select id="slc"><option value="北京">北京</option><option value="深圳">深圳</option><option value="杭州">杭州</option><option value="成都">成都</option><option value="上海">上海</option></select>   <input id="btn" type="button" value="确定"/>

我的JS代码段:

            <script>var oTxt=document.getElementById("txt1");//定义一个变量获取文本框中的值var oSlc=document.getElementById("slc");//定义一个变量获取列表中的值var oBtn=document.getElementById("btn");//定义一个变量获取按钮中的值function show(){alert(oTxt.value+"在"+oSlc.value);}//定义一个方法弹出获取的值oBtn.onclick=show;//设置鼠标点击事件进行调用方法  </script>




0 0
原创粉丝点击