|
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Добавление и удаление элементов из списков</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
function focusElement() {
var elem = document.forms[0].myInput;
//elem.focus();
}
function addList(){
valid = true;
document.forms[0].myInput.focus()
var list1 = document.getElementsByTagName('select')[0];
var li = document.createElement('option');
var chek_m = document.getElementById('chek_m').checked;
var chek_w = document.getElementById('chek_w').checked;
var chek_wm = chek_m && chek_w;
/*Запрещение ввода пустой строки */
if (document.forms[0].myInput.value<1)
return valid;
/* Ввод в список из текстового поля */
if (chek_m) {
li.innerHTML =document.forms[0].myInput.value + ' [men]';
}
if (chek_w){
li.innerHTML =document.forms[0].myInput.value + ' [women]';
}
if (chek_wm) {
li.innerHTML =document.forms[0].myInput.value + ' [all]';
}
/* Очистка текстового поля */
document.forms[0].myInput.value=""
list1.appendChild(li);}
</script>
</HEAD>
<BODY onload='focusElement()'>
<form name="form1">
<br /><b>Введите имя</b><br />
<input name="myInput" value= "" size="42"> <br /><br />
<input type="checkbox" name="checkbox" id="chek_m" > men <br>
<input type="checkbox" name="checkbox" id="chek_w" > woman <br>
<input onclick='addList()' required type='button'
value='Добавить'><br />
<input type=button value='Удалить'
onClick="for(i=0;i<form.elements[3].length;i++)
if(form.elements[3].options[i].selected==true)
form.elements[3].options[i] = null;"><br /><br />
<b>Список<br /><br />
<select size="5" id="list1"></<select>
</form>
</BODY>
</HTML>
|