Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   скопировать текст из label в option у select (https://javascript.ru/forum/dom-window/42808-skopirovat-tekst-iz-label-v-option-u-select.html)

Moloch 10.11.2013 19:07

скопировать текст из label в option у select
 
Привет. Подскажите как скопировать текст у элементов label в элемент option у select?
т.е. есть набор label

<label for="six" class="blue" name = "metka"><span></span>Этот текст нужно скопировать</label>
<label for="seven" class="blue" name = "metka"><span></span>Этот текст нужно скопировать</label>

и есть select у которого между тегов option нужно поместить текст
<select size="5" multiple  name="s id = "s class = "s">
<option> Скопированный текст из первого label </option> 
<option> Скопированный текст из второго label </option> 
</select>

я делаю это при помощи функции. но тогда текст из тегов label переносится в select а мне надо чтобы скопировался как это сделать?
select = document.getElementById('s');
M = document.getElementsByName ('metka');
function dobavlenie() {
			for (var i = 0;i<M.length; i++) {
				var opt = document.createElement('OPTION');
				opt.value = i;
				opt.appendChild =((M[i].childNodes[1]));
				select.appendChild(opt);
				}
		}

если написать opt.innerHTML то в option ставится [Object text]

BETEPAH 10.11.2013 19:46

Цитата:

Сообщение от Moloch
<select size="5" multiple name="s id = "s class = "s">

что-то здесь не так с кавычками

рони 10.11.2013 20:30

Moloch,
:write:
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<label for="six" class="blue" name = "metka"><span></span>Этот текст нужно скопировать1</label>
<label for="seven" class="blue" name = "metka"><span></span>Этот текст нужно скопировать2</label>
<select size="5" multiple  name="s" id = "s" class = "s">
<option> Скопированный текст из первого label </option>
<option> Скопированный текст из второго label </option>
</select>

<script>
 select = document.getElementById('s');
M = document.getElementsByName ('metka');
function dobavlenie() {
			for (var i = 0;i<M.length; i++) {
			    var k = select.options.length
			    select.options[k] = new Option(M[i].lastChild.data, i);
 				}
		}
dobavlenie()
</script>
</body>

</html>


Часовой пояс GMT +3, время: 18:27.