Динамический список
Здрасте, дорогие форумчане подскажите.
Имеется: <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="текст" было бы введено то что я впишу в появившееся окно с текстовым полем. Может уже где то подымался вопрос, но я не нашел. Спасибо. |
Задача решена
Решил вопрос, может кому понадобится вот моя реализация, кто поможет уменьшить код или нормализовать, буду признателен. Спасибо!
<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>
|
| Часовой пояс GMT +3, время: 13:30. |