Devi2015, на
<!DOCTYPE html> <!--по новому стандарту доктайп такой -->
<html>
<head>
<script> <!-- язык можно не указывать. Он по умолчанию JS -->
var add=function(){
var sel = document.getElementById('Rows'),
str = document.getElementById('newString').value,
opt = document.createElement("option");
if(str!=""){
opt.text = str;
sel.add(opt);
document.getElementById('newString').value="";
}
else{ alert("Строка пустая!") }
}
var rem=function(){
var sel = document.getElementById('Rows'),
opt = sel.options[sel.selectedIndex];
sel.removeChild(opt)
}
function init() {
document.getElementById('Add').addEventListener('click',add);
document.getElementById('Remove').addEventListener('click',rem);
}
</script>
</head>
<body onload="init();">
<h3>Список имен</h3>
<form action="http:/D:/try_web_site/Наташа" method="post">
<select size=8 id="Rows" multiple>
<option>Первый</option>
<option>Второй</option>
<option>Третий</option>
<option>Чытвертый</option>
</select>
<input type="text" id="newString">Новая строка
<input type="button" id="Add" value="Добавить">
<input type="button" id="Remove" value="Удалить">
</form>
</body>
</html>
|