<div class="codetitle"> <span><a style="CURSOR: pointer" data="93980" class="copybut" id="copybut93980" onclick="doCopy('code93980')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code93980"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br> <html xmlns="http://www.w3 .org/ 1999/xhtml"><br><head> <br><meta http-equiv="Content-Type" content="text/html" /> <br>< title>なし タイトルドキュメント</title> <br><script type="text/javascript" src="jquery-1.4.4.min.js"><br><script type= "text /javascript"> <br>/**<br> * 左側のドロップダウン リストのオプションを動的に作成します <br> * 特定の状況では、データベースからデータを読み取り、オプションを動的に作成できます <br>*/ <br>$(document).ready(function(){ <br> for(var i=1;i<=5;i ) <BR> { <BR> $("#fb_list").append("<option value='" i "'>ミニコン調達の一般入札 00" i "</option>"); <br>}) <br>$(function(){ <br> $("#add").click(function(){ <br> if($("#fb_list オプション:選択済み").length>0 ) <br> () "'>" $(this).text() "</option"); <BR> > { <BR> alert("追加するサブコントラクトを選択してください! "); "#select_list オプション:選択済み").length>0) append( "<option value='" $(this).val() "'>" $(this).text() "< /option"); <BR> $(this).remove(); 🎜> > } <BR> }) <BR>}) <BR> </script> <br></head> <br> <body> <br><table width="95%" cellpadding="0" align="center" class="listshow" border="1" cellpacing="0"> <br> <tdcolspan="4" align="center">サブパッケージを選択</td> <br><tr> <br> width="30%" align="center" height="150"> <br><select id="fb_list" multiple=" multiple" style="text-align:center;width:300px;height:150px ;"></select> <br></td> <br><td align="center" width="5 %"> <br> <input type="button" id=" add" value="追加>>" /> <br> <br> <input type="button" id="delete" value="<<削除" /> <br> </ td><BR> <td class="black" width=" 30%" align="center"> <br> <select id="select_list" multiple="multiple" style=" text-align:center ;width:300px;height:150px;"></select> <br> </td> <br></tr> <br></table> <br></body> <br></html></div>