JS动态添加到下拉列表数据

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JS动态添加删除表格数据</title></head><body><script type="text/javascript">    function f() {        var provinceName=document.getElementById("provinceName").value;        var province=document.getElementById("province");       var optionObj=document.createElement("option");        optionObj.innerHTML=provinceName;        optionObj.value=provinceName;        province.appendChild(optionObj);

    }</script><input type="text" id="provinceName"><br><input type="button" value="添加" onclick="f()"><br><select name="province" id="province">    <option>--请选择省份--</option></select></body></html>

原文地址：https://www.cnblogs.com/god1/p/12115474.html

时间： 2024-08-25 02:26:13

JS动态添加到下拉列表数据的相关文章

JS动态添加删除表格数据

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JSDom获取图层节点</title></head><body><script type="text/javascript"> function change() { var stuName=documen

jquery动态添加删除一行数据

首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完dom以后立即执行一次函数A即可. 需要注意的是,在你可能同事需要添加许多的dom,不要添加一个就执行一次函数A,这样会增加浏览器的负载,你需要在所有dom添加完以后在执行函数A,例如你用一个for循环遍历dom组合并拼接成一个字符串,然后添加到某个父级dom里面,这个时候你需要在循环外添加一次就可以

每天都有新发现——如何优雅的用js动态添加html代码

body { font-family: 微软雅黑,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5; } html, body { } h1 { font-size:1.5em; font-weight:bold; } h2 { font-size:1.4em; font-weight:bold; } h3 { fon

form表单无法提交js动态添加的表单元素问题。。

第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url "> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </form> &l

js动态添加file控件

<html></head><script language="javascript" type="text/ecmascript">//======================//功能:在表单中input file控件//参数:parentID---要插入input file控件的父元素ID// inputID----input file控件的ID//======================function createI

MUI 里js动态添加数字输入框后，增加、减少按钮无效

numbox 的自动初化是在 mui.ready 时完成的mui 页面默认会自动初始化页面中的所有数字输入框,动态构造的 DOM 需要进行手动初始化.比如:您动态创建了一个 ID 为 abc 的数字输入框,需要 mui('#abc').numbox() 初始化一下. 为什么 test() 放在 mui.plusReady 外边可以,而放在里边就不可以?这是因为 numbox 的自动初化是在 mui.ready 时完成的,直接在外部的 test() 执行发生在 mui.ready 之前,而写在 m

把一个数组内容动态添加到下拉列表中

<body> //html部分先写一个列表select <select name="" id="sel"></select> //js部分 <script> //数组内容 var data = ["北京","上海","广州"]; //获取select var sel = document.getElementById('sel'); //因为一会要用str来拼

Js动态添加复选框Checkbox的实例方法!!!

首先,使用JS动态产生Checkbox可以采用如下类似的语句: var checkBox=document.createElement("input"); checkBox.setAttribute("type","checkbox"); checkBox.setAttribute("id",'123456'); 但是,这样产生的checkbox是不带尾后的文字的,如果需要添加,那么需要使用 document.createTe