<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 전환//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; charset=gb2312" /> <br>< title>없음 제목 문서</title> <br><script type="text/javascript" src="jquery-1.4.4.min.js"></script> <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>}) <br>$(function(){ <br> $("#add").click(function(){ <br> if($("#fb_list 옵션:선택됨").length>0 ) <br> () "'>" $(this).text() "</option") <BR> > { <BR> alert("추가할 하청계약을 선택하세요! "); "#select_list 옵션:선택됨").length>0) 추가( "<옵션 값='" $(this).val() "'>" $(this).text() "< /option"); <BR> $(this).remove(); 🎜> } <BR> }) <BR>}) <BR> > <br></head<BR> <body> <br><table width="95%" cellpadding="0" align="center" class="listshow" border=" 1" cellpacing="0"> <br> <td colspan="4" align="center">하위 포장 선택</td> <br> </tr> <br><tr> <br> <td class="black" 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="<<Delete" /> <br> </ td> <br> <td class="black" width=" 30%" align="center"> <br> <select id="select_list" multiple="multiple" style=" text-align:center ;너비:300px;높이:150px;"></select> <br> </td> <br></tr> <br></table> <br></body> <br></html></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
