Форум

Moloch · #1 (**permalink**) 10.11.2013, 19:07

Привет. Подскажите как скопировать текст у элементов 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 · #2 (**permalink**) 10.11.2013, 19:46

Сообщение от Moloch

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

рони · #3 (**permalink**) 10.11.2013, 20:30

Moloch,

<!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>

Форум

Справочник

Discord чат

Курсы javascript