ドロップダウンをテキストボックスに変換しますか？

Question

私は既に入力されたドロップダウンリストをjavascriptまたはjQuery経由で単一のテキストボックスに変換しようとしていますが、それを理解できません！

削除/変更したい "選択"から "td"要素への値はこの場合 "9100"のテキストボックスに表示され、ドロップダウンリストには表示されません。

おそらく私はこれをやっているのですが、動的HTML構築のために答えはかなり複雑です。 上記の問題は、Jqueryまたはjavascriptで解決できる方法はありますか？あらかじめThanx！

<td class="mainstuff" style="padding-right:0; width:1%; "> 
<select id="stuff" class="boxed" title="" name="stuff"> 
    <option value="9100" title="Something:">9100</option> 
</select> 
</td> 

Answer 1

に挨拶あなたはこの

var html = "<input id='stuff' type='textbox' value=" 
       + $("#stuff option:first").val() +" />"; 
    $("#stuff").remove(); 
    $(".mainstuff").append(html); 

を行うことができますあなたはあなたの条件に応じてそれを微調整することができますjsFiddle.net

でデモを参照してください。

希望すると、これが役立ちます。

Answer 2

各オプションをループして、各オプションに新しいTableRowを作成することができます。各TableRowに対して、オプション項目のValueを入力することができます。
その後、作成した行を表オブジェクトに追加できます。 これはあなたに基本的な考えを伝えたいと思っています。

Answer 3

@CyrillCが説明した内容を示すフィーバーがあります：http://jsfiddle.net/pnRQb/