- 締切済み
Selectの項目へのアクセス
Selectを二つ並べ、左で選択されている項目の内容を右のSelectに追加したいのですが、色々わかりません。 ・項目内容を文字列の取得方法は？ ・項目の追加方法は？ ・項目内容を書き換えるには？ 忙しい時期で恐縮なんですが、よろしくお願いいたします。 <title>新しいページ 1</title> <SCRIPT LANGUAGE="JavaScript"> <!--- function list(src,dst){ for(i=0;i<src.length;i++){ if (src.options[i].selected == true) dst.options[0].value = src.options[i].value; } } //---> </SCRIPT> </head> <body> <form method="POST" name="PostForm"> <table border="0" width="100%"> <tr> <td width="7%"> <select size="5" name="MemberList" multiple> <option>Ａ氏</option> <option>Ｂ氏</option> <option>Ｃ氏</option> <option>Ｄ氏</option> <option>Ｅ氏</option> <option>Ｆ氏</option> </select></td> <td width="70%"> <select size="5" name="AssignedList" multiple> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> </select></td> </tr> </table> <p><input type="button" value="ボタン" name="B3" onclick="list(MemberList,AssignedList)"></p> </form> </body> </html>
- shinw
- お礼率83% (5/6)
- JavaScript
- 回答数1
- ありがとう数6
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Blackwingls
- ベストアンサー率44% (138/313)
こんばんわぁ、Blackwinglsです。 なかなかレスが付かないようですね。 具体的に何をやりたいのか、いまひとつ理解できていないのですで、ピント外れの可能性が高いですが、以下のスクリプトでどうでしょうか。 <head> <title>新しいページ 1</title> <SCRIPT LANGUAGE="JavaScript"> <!--- function list(src) { for(i=0;i<src.length;i++) { if(document.PostForm.MemberList.options[i].selected == true) { document.PostForm.AssignedList.options[i].text=document.PostForm.MemberList.options[i].value } } } //---> </SCRIPT> </head> <body> <form method="POST" name="PostForm"> <table border="0" width="100%"> <tr> <td width="7%"> <select size="5" name="MemberList" multiple> <option value="Ａ氏">Ａ氏</option> <option value="Ｂ氏">Ｂ氏</option> <option value="Ｃ氏">Ｃ氏</option> <option value="Ｄ氏">Ｄ氏</option> <option value="Ｅ氏">Ｅ氏</option> <option value="Ｆ氏">Ｆ氏</option> </select></td> <td width="70%"> <select size="5" name="AssignedList" multiple> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> </select></td> </tr> </table> <p><input type="button" value="ボタン" name="B3" onclick="list(MemberList)"></p> </form> </body> </html>
