select는 더블클릭 dbclick event_HTML/Xhtml_web 페이지 제작을 지원하지 않습니다.

XML/HTML 코드클립보드에 콘텐츠 복사

1. <div class="centent"  스타일="너비:200px; float:왼쪽; 여백-오른쪽:20px;">     
2. <선택 다중="다중"  id="select1" style="너비:150px; 높이:160px;">    
3. <옵션 값="1" >选项1옵션>    
4. <옵션 값="2" >选项2옵션>    
5. <옵션 값="3" >选项3옵션>    
6. <옵션 값="4" >选项4옵션>    
7. <옵션 값="5" >选项5옵션>    
8. 선택>    
9.   
10. <div>    
11. <span id="추가"  스타일="display:block; 너비:140px; cursor:pointer;">选中添加到右边>>스팬>    
12. <span id="addAll"  스타일="display:block; 너비:140px; cursor:pointer;">전체부添加到右边>>스팬>    
13. div>div>    
14. <div class="centent"  스타일="너비:200px; 플로트:왼쪽; 여백-오른쪽:20px;">     
15. <선택 다중="다중"  id="select2" style="너비:150px; 높이:160px;">    
16. 선택>    
17. <div>    
18. <span id="add1"  스타일="display:block; 너비:140px; cursor:pointer;"><<选中删除到左边스팬>    
19. <span id="addAll1"  스타일="display:block; 너비:170px; cursor:pointer;"><<전부选中删除到左边스팬>    
20. div>    
21. div>  

JavaScript 코드复复内容到剪贴板

1. <스크립트 유형="text/javascript"> 
3. //드롭다운 상자에서 다중 선택 적용 9:57
4. $(함수(){ 
5. //왼쪽을 오른쪽에 추가하기 시작
6. $("#add").click(함수(){ //선택한 것을 오른쪽에 추가
7. $option = $("#select1 옵션:선택됨")
8. $option.appendTo("#select2")
9. })
10. $("#addAll").click(함수(){ //오른쪽에 모두 추가
11. $option = $("#select1 옵션");
$option.appendTo(
12. "#select2")
})
$(
14. "#select1").dbclick(함수(){ //오른쪽에 추가하려면 더블클릭
$option = $(
15. "#select1 옵션:선택됨",이것); 🎜> $option.appendTo(
"#select2"
16. ) })
//오른쪽에서 시작해 왼쪽에 추가
18. $(
"#add1"
19. ).click(함수(){ //선택한 항목을 왼쪽에 추가 $option = $(
"#select2 옵션:선택됨"
20. ) $option.appendTo(
"#select1"
21. ) })
22. $(
"#addAll1"
23. ).click(기능(){ //왼쪽에 모두 추가 $option = $(
"#select2 옵션"
24. ); $option.appendTo("#select1"
)
25. })
$(
26. "#select2"
).dbclick(
27. 함수(){ //왼쪽에 추가하려면 더블클릭 $option = $("옵션:선택"
,
28. 이); $option.appendTo("#select1")
29. }) })