이런걸 뭐라고 하는지 알고싶습니다!
본문
|
[가나다] 1. 철수 2. 영희 3. 기태 4. 태그 |
선택 ▶
◀제거 |
[파타하] 1. 철수
[라바사] 4. 태그
|
[가나다] 그룹의 1. 철수를 선택하고 "선택 ▶" 버튼을 [가나다] 누르면 그룹에 1. 철수가 없어지고 [파타하] 그룹으로 넘어가는 기능..
이런걸 뭐라고 검색해야 되는지 모르겠습니다... > 혹시 샘플있으시면 부탁드리겠습니다!
답변 3
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#toss").click(function(){
$("#abox option:selected").each(function(i, opt){
$(this).remove();
$('#bbox').append(this);
});
});
$("#delete").click(function(){
$("#bbox option:selected").each(function(i, opt){
$(this).remove();
$('#abox').append(this);
});
});
});
</script>
<select id="abox" name="abox" size="4" multiple="multiple">
<option value="1.철수">1.철수</option>
<option value="2.영희">2.영희</option>
<option value="3.기태">3.기태</option>
<option value="4.태그">4.태그</option>
</select>
<input type="button" value="전달" id="toss">
<input type="button" value="삭제" id="delete">
<select id="bbox" name="bbox" size="4" multiple="multiple">
</select>
감사합니다!
감사합니다!
이런것들은 ajax 로 구현하거나
웹앱에서 vue.js 등으로 만드는 것입니다.
framework 종류가 여러가지 있습니다.
javascript로 tab 형태로도 가능 할 것입니다.
감사합니다!
