Forum PHP.pl > lista rozwijana z linkami w java script

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: lista rozwijana z linkami w java script

Forum PHP.pl > Forum > Po stronie przeglądarki

arbak

14.12.2011, 11:26:58

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:

[HTML] pobierz, plaintext 
<select name="selectfrom" id="select-from" multiple size="5">
      <option value="java script:void(0);" id="btn-add">{miasta_Menu}</otpion>
    </select>
[HTML] pobierz, plaintext

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ć:

[HTML] pobierz, plaintext 
<html>
	<head>
		<title></title>
		<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();
		});
	});
});
</script>
	</head>
 
	<body>
 
 
		<form>
  <fieldset>
 
    <select name="selectfrom" id="select-from" multiple size="5">
      {miasta_Menu}
    </select>
 
    <a href="java script:void(0);" id="btn-add">Add &raquo;</a>
    <a href="java script:void(0);" id="btn-remove">&laquo; Remove</a>
 
    <select name="selectto" id="select-to" multiple size="5">
 
    </select>
 
  </fieldset>
</form>
	</body>
</html>
[HTML] pobierz, plaintext

mortus

14.12.2011, 12:58:03

Oto rozwiązanie.
Jeśli miasto po kliknięciu ma być skopiowane, to należy użyć .clone() zamiast .append() dla select-from oraz .remove() zamiast .append() dla select-to.

arbak

14.12.2011, 14:35:45

Dzięki wielkie, gdzie mam wysłać piwo?

Pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.