Forum PHP.pl > [JavaScript]jQuery problem z listą rozwijaną

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]jQuery problem z listą rozwijaną

arzach

15.11.2009, 12:20:14

Witam
Napisałem taki kodzik

[JAVASCRIPT] pobierz, plaintext 
<script>
 
	$(document).ready(
	function()
	{
		$("#dodaj").change(function ()
		{
var str = $(this).text();
 
$("<span class='text'>" + str + "</span>").appendTo("#wynik"); 
});
});
</script>
 
 
</head>
<body>
</head>
<body>
 
<select name="cat" id="dodaj">
		<option value="1">Kategoria 1</option>
		<option value="2">Kategoria 2</option>
		<option value="3">Kategoria 3</option>
		<option value="4">Kategoria 4</option>
		<option value="5">Kategoria 5</option>
</select>
<div id="wynik"></div>
[JAVASCRIPT] pobierz, plaintext

I dodaje mi wszystkie nazwy kategorii a nie jedną a chciał bym by dodawało tylko tą jedną którą wybiorę. Jak mogę to zrobić ?

.

seth-kk

15.11.2009, 12:26:17

Kod

var str = $(':selected', $(this)).text();

arzach

15.11.2009, 12:37:03

Rozwiązałem to tak i działa tak jak chciałem

[JAVASCRIPT] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
 
<style type="text/css">
.text { 
display: block; 
text-decoration: none; 
margin-left: 10px;
}
</style>
 
 
<script>
$(document).ready(function(){
 
$("#dodaj").change(function (){
var str = "";
$("select[name=cat] option:selected").each(function () {
str += $(this).text() + " ";
});
var new_label = $("<label>");
var new_link = $("<a>");
new_link.attr("href", "#");
new_link.html("usuń");
new_link.click(function()
{
$(this).parent("label").remove();
return false;
});
new_label.append(str);
new_label.append(new_link);
new_label.addClass("text");
$("#wynik").append(new_label);
return false;
});
});
 
 
</script>
 
 
</head>
<body>
</head>
<body>
 
<select name="cat" id="dodaj">
  <option value="1">Kategoria 1</option>
  <option value="2">Kategoria 2</option>
  <option value="3">Kategoria 3</option>
  <option value="4">Kategoria 4</option>
  <option value="5">Kategoria 5</option>
</select>
<div id="wynik"></div>
 
 
</body>
</html>
[JAVASCRIPT] pobierz, plaintext

tylko teraz potrzebuje zrobić tablice tych elementów id które wybrałem a potem po kliknięciu przycisku dodaj by je dodało do bazy. Jak mogę to zrobić ? Proszę o jakieś wskazówki.

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.