js:如何把select标签中的option 转为 text

现在需要把select中option转为<input type="text"/>有没有js可以实现的

解决方案 »

  1.   

    option是属于select的，input是不可能嵌入select的，楼主的需求是什么？要根据具体的需求，结合js的实际情况，模拟实现出效果！
      

  2.   

    不好意思会错了同事的意思，就是把已经选中的option转换成input类型的
      

  3.   

    获取select对象，再获得选中的值
    var slt = getElementById('selectID');
    var selectedText = slt.options[slt.options.selectedIndex].text;
      

  4.   

    少些了点。。jQuery写惯了。。
    document.getElementById
      

  5.   

    获取select对象，再获得选中的值 
    var slt = document.getElementById('selectID'); 
    var selectedText = slt.options[slt.options.selectedIndex].text;
    这样是没错的。
      

  6.   

    刚才忙着弄服务器了，我把代码贴出了结贴了，谢谢各位  <html>
    <head>
    测试
    </head>
    <script language="javascript">
    function jdctr1(){
    jdinput =document.all.tags( "select");
    for(jdinputn=0;jdinputn<jdinput.length;jdinputn++){
     if(jdinput[jdinputn].type!="hidden"){
     var obj = document.createElement('span');
       for(var j=0;j<jdinput[jdinputn].length;j++) {
       if(jdinput[jdinputn][j].selected){
    obj.innerHTML="&nbsp;"+jdinput[jdinputn][j].text;
    if(obj.innerHTML==""){
    obj.innerHTML="&nbsp;"
    }
    jdinput[jdinputn].parentNode.appendChild(obj);
    jdinput[jdinputn].style.display="none";

    if(jdinput[jdinputn].name=='shxz'){
    jdinput[jdinputn].options.length = 0;
     arrObj[arrObj.length] =jdinput[jdinputn];
    }
       
       }
      }

    }
    }
    }
    </script>
    <body>
    <select id="jdid"  onblur="jdctr1()">
            <option value="1">option1</option>
            <option value="2">option2</option>
            <option value="3">option3</option>
            <option value="4">option4</option>
            <option value="5">option5</option>
            <option value="6">option6</option>
            <option value="7">option7</option>
            <option value="8">option8</option>
            <option value="9">option9</option>
            <option value="10">option10</option>
           </select>
       <label id='lab'></label>
    </body>
    </html>