0
<head>
<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("#MoveRight,#MoveLeft").click(function(event) {
var id = $(event.target).attr("id");
var selectFrom = id == "MoveRight" ? "#SelectLeft" : "#SelectRight";
var moveTo = id == "MoveRight" ? "#SelectRight" : "#SelectLeft";
var selectedItems = $(selectFrom + " :selected").toArray();
$(moveTo).append(selectedItems);
alert('abcd');
});
});
</script>
</head>
<body>
<form method="get">
<select id="SelectLeft" multiple="multiple">
<option value="1">Uruguay</option>
<option value="2">United States</option>
<option value="3">Germany</option>
<option value="4">Argentina</option>
</select>
<input id="MoveRight" type="button" value=" >> " />
<input id="MoveLeft" type="button" value=" << " />
<select id="SelectRight" multiple="multiple">
<option value="5">South Korea</option>
<option value="6">Ghana</option>
<option value="7">England</option>
<option value="8">Mexico</option>
</select>
</form>
</body>
위의 코드는 옵션 태그의 하드 코드 된 값으로 올바르게 작동합니다. 그러나 &을 데이터베이스에서 가져 와서 목록을 채우면 코드가 작동하지 않습니다.jQuery를 사용하여 목록 상자간에 항목 이동하기
<tr>
<td>
<select id="SelectLeft" multiple="multiple">
<c:forEach var="left" items="${leftList}">
<option value="${left}">${left}</option>
</c:forEach>
</select>
</td>
<td>
<input id="MoveRight" type="button" value=" >> " />
<input id="MoveLeft" type="button" value=" << " />
</td>
<td>
<select id="SelectRight" multiple="multiple">
<c:forEach var="right" items="${rightList}">
<option value="${right.rightRole.roleId}">
${right.rightRole.roleName}</option>
</c:forEach>
</select>
</td>
</tr>
값은 데이터베이스에서 목록으로 검색되지만 두 목록 상자간에 항목을 이동하는 기능은 작동하지 않습니다.
고마워 Reigel을 시도 :) – Sandeep