Форум

djsadd · #1 (**permalink**) 12.04.2012, 22:09

Здрасте, дорогие форумчане подскажите.
Имеется:

<FORM name="myForm" ID="Form1">
<select id="mySelectId" name="mySelect">
<option value="str0"> 1-ая строка списка </option>
<option value="str1"> 2-ая строка списка </option>
<option value="str2"> 3-ая строка списка </option>
</select>
</FORM>
<button name="addOption" onclick="addOption ()"style="margin-left:15px">
<img src="png_icon/plus_32.png" align="middle" style="vertical-align: middle" >
<p1>Добавить</p1>
</button>

<script language=javascript>
function addOption() {
var objSel = document.myForm.mySelect;//document.getElementById("mySelect");

//Динамически создаем элементы списка
objSel.options[objSel.options.length] = new Option("текст", "");
}
}
</script>

Как сделать так чтобы вместо значения value="текст" было бы введено то что я впишу в появившееся окно с текстовым полем. Может уже где то подымался вопрос, но я не нашел. Спасибо.

djsadd · #2 (**permalink**) 13.04.2012, 01:35

Решил вопрос, может кому понадобится вот моя реализация, кто поможет уменьшить код или нормализовать, буду признателен. Спасибо!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>
<body>
<form name="myForm" id="myFormId">
<select name="mySelect" id="mySelectId" >
<option> 1-ая строка списка </option>
<option> 2-ая строка списка </option>
<option> 3-ая строка списка </option>
</select>
<button type="button" onclick="example();">
<p1>Добавить</p1>
</button>
</form>
<script language=javascript>
function example() {
var user = prompt("Введите данные","");
var objSel = document.myForm.mySelect;
objSel.options[objSel.options.length] = new Option(""+user+"", "");}
</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript