Question

求助：javascript 点击表格内容出现下拉列表(dropbox)并修改保存该怎么做？

以上是我要做的一个表格，我已经做了双击格子里的内容可以修改，现在想要性别（gender）和outlet那一列出现下拉列表，并修改保存，求教大神该怎么做？
代码部分：
//双击修改方法
function ShowElement(element)
{
var oldhtml = element.innerHTML;
var id=element.id;
var newobj = document.createElement('input');
newobj.type = 'text';
newobj.value=oldhtml;
newobj.onblur = function(){
element.innerHTML = this.value ? this.value : oldhtml;
response[id[0]][id[1]]=element.innerHTML;
}
element.innerHTML = '';
element.appendChild(newobj);
newobj.focus();
}
//从服务器拿到数据并打印出来
for(var i=0;i<response.length;i++){
text+='<tr><td ><input value="'+response[i][0]+'" name="items" type="checkbox" style="height:15px; width:15px;"></td>'

for (j=0;j<response[i].length;j++){
text+="<td id='"+i+j+"' ondblclick='ShowElement(this)'>"+response[i][j]+"</td>"
}

Answer 1

js 操作dom 元素。

追问

大神能说的详细点吗，怎样用dom？我不懂...

追答

需要用 js 或jquery操作dom元素。

追问

你有示例代码吗，怎么用js操作dom元素

追答

我没有类似的代码，应该有实现类似功能的 jquery插件。你可以在搜一下。

Answer 2

选择性别用一个select不就好了吗？不知道你指的是什么意思？

追问

我之前加了select，可是原来从服务器拿到的值怎样给这个select？

追答

用js插入不就可以了么。不然呢？

不就是一条一条的下面这样的数据么：

<option value="female">女</option>

js就是来做这个事情的呀。。

Answer 3

点击加select 的dom，再把下拉选中的值赋给该框

追问

不好意思能说得详细一点吗，我才接触js，什么叫加select的dom？