Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Select и prompt (https://javascript.ru/forum/dom-window/27443-select-i-prompt.html)

djsadd 13.04.2012 00:11

Select и prompt
 
Здравствуйте, помогите связать два скрипта в один.
Эту форму и скрипт:
[HTML]
<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>
<input type=button value=" example1() " onclick="example1();" ID="Button1" NAME="Button1">
</FORM>
[/HTML]
<script language=javascript>
function example1() {
var objSel = document.myForm.mySelect;//document.getElementById("mySelect");
//Динамически создаем элементы списка
objSel.options[objSel.options.length] = new Option("user", "");
}
</script>


С этим скриптом:
<SCRIPT>
user = prompt("Введите вашу фамилию","");
if(user) alert("Введенная фамилия: "+user);
else alert("Фамилия не введена") 
</SCRIPT>


Нужно чтобы после нажатия на кнопку example1 появился запрос на ввод данных, если данные введены то добавить их в select.
Спасибо!!!!

melky 13.04.2012 00:24

<script language=javascript>
function example1() {
var objSel = document.myForm.mySelect;//document.getElementById("mySelect");
var user = prompt("Введите вашу фамилию","");
if(user) objSel.options[objSel.options.length] = new Option(user, "");
else alert("Фамилия не введена") 
}
</script>

djsadd 13.04.2012 01:41

Задача решена
 
Спасибо, я только закончил свою реализацию. посмотрите пожалуйста может можно как нибудь упростить код. Дело в том что у меня 20 полей и соответственно 20 кнопок добавления данных. для каждой кнопки такой скрипт может можно что нибудь придумать (абсолютные и относительные переменные).
<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, время: 16:20.