Создание селекта при oncange на multiple
Например есть select multiple в котором есть неограниченное количество option, как сделать так что бы при выборе option в select multiple для него добавлялся отдельный select.
 |
Цитата:
<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('#test > option').click(function(){
alert('Вот тут и делай.');
});
});
</script>
</head>
<body>
<select id='test' multiple>
<option>Item 0</option>
<option>Item 1</option>
<option>Item 2</option>
<option>Item 3</option>
<option>Item 4</option>
<option>Item 5</option>
</select>
</body>
</html>
|
Как такое то сделать я знаю. Я не знаю как при каждом выборе создать селект, а потом когда выбор сняли то удалить селект.
Например выбрали Item1 и скрипт создает для него селект, а как выбор сняли то этот селект удалился. |
Цитата:
Цитата:
http://javascript.ru/if Про нее ты видать уже не знал. :) |
"Издевательства очень конечно помогут" .. :no:
|
psfdek, книжки начинай читать. Обидки твои тебе не помогут... Да и с чего ты взял, что сможешь что-то сделать самостоятельно?
На дохтура самостоятельно не пробовал еще выучиться? :) |
Выбираем оптион создается селект для него, а когда снимаем как его удалить?
Или например если выбрано 5 штук и создано 5 штук, то при отключении оптион некоторых как удалить их селекты и не похерить значения селекто других оптион. |
я не обижался...
|
Цитата:
http://www.fpublisher.ru/documentati...s#hremovechild |
Цитата:
|
Цитата:
|
Цитата:
|
Посмотрел в ФФ 35.0.1 - так же работает...
|
Хром 40.0.2214.111 m - работает...
|
А вот в ИЕ9 уже не работает... :cray:
|
Модернизация! :D
<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('#test').click(function(event){
$(this).children('option').each(function(){
if (this.selected) {
alert($(this).text());
};
});
});
});
</script>
</head>
<body>
<select id='test' multiple>
<option>Item 0</option>
<option>Item 1</option>
<option>Item 2</option>
<option>Item 3</option>
<option>Item 4</option>
<option>Item 5</option>
</select>
</body>
</html>
|
Цитата:
|
psfdek,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
$("#test").change(function() {
$("div").html(null);
$("#test option:selected").each(function(i, el) {
$("<select/>", {
html: [$("<option/>", {
text: 'Param '+el.text
})]
}).appendTo("div")
})
}).change()
});
</script>
</head>
<body>
<select id='test' multiple>
<option>Item 0</option>
<option>Item 1</option>
<option>Item 2</option>
<option>Item 3</option>
<option>Item 4</option>
<option>Item 5</option>
</select>
<div></div>
</body>
</html>
|
ШИК :)
|
Выбираем оптион создается селект для него, а когда снимаем как его удалить?
Или например если выбрано 5 штук и создано 5 штук, то при отключении оптион некоторых как удалить их селекты и не похерить значения селекто других оптион. |
citana, бери мой пример и доделывай... Там все для этого есть. ;)
|
citana,
а что 18 пост не про то ? Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 12:52. |