怎么在指定的div中增加<select>来覆盖<input>

问题描述

怎么在指定的div中增加<select>来覆盖<input>还有怎么把数据库里查出的记录给<select>里进行选择,我把数据库查出了，下面就不懂怎么做了 问题补充：怎么删除input对象？ var input1 = document.getElementById("propertyname"); var input2 = document.getElementById("displayname"); var index1 =input1.inputedIndex; var index2 =input2.inputedIndex; input2.remove(index2); input1.remove(index1); var mydisplayname = document.createElement("select"); var mypropertyname = document.createElement("select"); mydisplayname.id = "displayname"; mydisplayname.name = "displayname"; mypropertyname.id = "propertyname"; mypropertyname.name = "propertyname"; document.addModelProperty.appendChild(mypropertyname); document.addModelProperty.appendChild(mydisplayname);我是这样做的，不过不行

解决方案

到这里：result.insertBefore(mypropertyname,mydisplayname)；报错了吧，必须保证mypropertyname在result这个DIV里面已经存在了，并且执行之后是把mydisplayname插入到mypropertyname之前。
解决方案二：
var input1 = document.getElementById("propertyname"); 拿到div对象，然后removeElement(input1)就可以了。你要加到div对象里面，先拿到div吧。可以用div DOM节点上的insertBefore函数吧，它有两个参数，第一个是div中，你要插入到的那个元素，你要插入的元素，执行之后将你要插入的元素插入到你要插入到的那个元素的前面。
解决方案三：
这个是这样做的：1、通过js创建一个select对象；2、删除input对象；3、将创建的select对象放到input对象的位置；4、将查出的数据构建成option对象；5、将option对象放到select对象中；js创建DOM的select对象,的语法：var slt = document.createElement('select');slt.name="SELECT_NAME";在html页面中是这样的：<select><option value="从数据库中查出的数据1的value">从数据库中查出的数据1的显示值</option><option value="从数据库中查出的数据2的value">从数据库中查出的数据2的显示值</option>....</select>根据思路，查查资料你能搞定的吧，大致思路如上。