table中插入一個select控件

[takako_mu]

現有一個table,我想點table的某一個單元格時在這個單元格它能填充一個select控件，效果就像是Gridview中的模板列中插入Dropdownlist。

[mrhu7002]

JS方法,先把select加载上来,但样式是不显示的,然后事件出现后显示出来1

[jiang_jiajia10]

简单方法先隐藏一个select然后通过点击控制他显示和隐藏。局限性：不能添过多的select

[girlhappy]

對樓上的方法可以實現

[takako_mu]

To mrhu7002:
我在做AJAX版的GridView,用的是JS,我不明白你的事件出现后显示出来是什么意思,請問如何插入才能像Gridview中的模板列Dropdownlist一樣在固定的那個單元格？

       if(flag1==2)
        {
            for(var i=3;i<=count+2;i++)
            {   
                innerSelect.options[i-3] = new Option(str[i],str[i]);
            }
            document.getElementById("__AJAX_GridView__div").insertBefore(innerSelect,currentCell);
//            currentCell.parentElement.insertBefore(innerSelect,refChild);
        }

To jiang_jiajia10:
首先這個select是動態綁定的，而且是document.createElement("select")出來的，另外Select控件不是在table外面，而是在某一個<td></td>中。

[takako_mu]

Hi All:
現在的問題不是加載和隱藏的問題，而是將select控件插入到table某一個不固定單元格。

[BernardSun]

<form id="form1" runat="server">
       <div>
           <table style="width: 100%;">
               <tr>
                   <td onclick="return add()">
                      a
                   </td>
                   <td onclick="return add()">
                      a
                   </td>
                    <td onclick="return add()">
                      a
                   </td>
               </tr>
           </table>
    </div> 
    <script type="text/javascript">
    function add()
    {
        var obj=event.srcElement;
        var oSelect = document.createElement("SELECT");
        var oOption = document.createElement("OPTION");
        oOption.text="123";
     
        oSelect.add(oOption);
        obj.appendChild(oSelect);
    }
    </script>
    </form>

[zhxhdean]

[Quote=引用 2 楼 jiang_jiajia10 的回复:]
简单方法先隐藏一个select然后通过点击控制他显示和隐藏。局限性：不能添过多的select
[/Quote]
用js可以实现

[criedshy]

给table加个onclick事件 addselect()

function addselect()
{
   var oFocus=window.event.srcElement;
   if(oFocus.tagName.toLowerCase()=='td')
   {
       oFocus.innerHTML="<select id='sel' type=text style='border-style:None;width:80px'><option>动态添加</option></select>";
   }
}

[takako_mu]

To BernardSun:
我要的就是這句：obj.appendChild(oSelect);
Thanks!

[criedshy]

额?

[mengxj85]

如果表格是动态生成可能发办些吧，要不给表格单元格加ID