Mam taki problem. Stworzyłem listę rozwijaną w php z miastami następnie chcę aby te miasta z rozwijanej llisty przenosić do listy w drugim boxie. Jednak nie chcę używać przycisku button add tylko gdy zaznaczę coś na liście rozwijanej w jednym boxie wskoczy to od razu ro drugiego boxu . Mysłałem o tym by zrobić tak:
<select name="selectfrom" id="select-from" multiple size="5"> <option value="java script:void(0);" id="btn-add">{miasta_Menu}
</otpion>
lecz to nie działa jak mogę podłaczyć ten link do rozwijanej listy do option bo <a href też chyba nie wchodzi w grę w polu <option.
Dzięki z góry.
Poniżej jest ten kod który chcę przerobić:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){
$('#btn-add').click(function(){
$('#select-from option:selected').each( function() {
$('#select-to').append("
<option value='"+$(this).val()+"'>"+$(this).text()+"
</option>");
$(this).remove();
});
});
$('#btn-remove').click(function(){
$('#select-to option:selected').each( function() {
$('#select-from').append("
<option value='"+$(this).val()+"'>"+$(this).text()+"
</option>");
$(this).remove();
});
});
});
<select name="selectfrom" id="select-from" multiple size="5"> {miasta_Menu}
<a href="java script:void(0);" id="btn-add">Add
»</a> <a href="java script:void(0);" id="btn-remove">« Remove
</a>
<select name="selectto" id="select-to" multiple size="5">