jako że jestem na początku przygody z jQuery proszę was o pomoc mam napisan select można zobaczyć na tej stronie, a problem wygląda następująco.
Kiedy wybieramy opcje z selektu wyświetlają się one w divie poniżej, a jak mogę zrobić żeby po kliknięciu w jeden z wyrazów w divie usuwało go z niego i odznaczało funkcję
Oto kod selektu
Kod
<select style="width:370px" multiple="multiple" id="selekt">
<optgroup label="test">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</optgroup>
<optgroup label="foo">
<option value="orange">Orange</option>
<option value="purple">Purple</option>
<option value="yellow">Yellow</option>
<option value="brown">Brown</option>
<option value="black">Black</option>
</optgroup>
</select>
<optgroup label="test">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</optgroup>
<optgroup label="foo">
<option value="orange">Orange</option>
<option value="purple">Purple</option>
<option value="yellow">Yellow</option>
<option value="brown">Brown</option>
<option value="black">Black</option>
</optgroup>
</select>
a to funkcja dla wyświetlania tekstu w div
Kod
var str = "";
$("select").change(function () {
$("select option:selected").each(function () {
str += $(this).text() + ", ";
});
$("#test").text(str );
})
.trigger('change');
$("select").change(function () {
$("select option:selected").each(function () {
str += $(this).text() + ", ";
});
$("#test").text(str );
})
.trigger('change');
będę wdzięczny za pomoc