условное отображение HTML-форм элементов
Ну, после одного часа знакомства с javascript, я придумал следующий код. Он сделал то, что хотел, хорошо, но потом я хотел что-то еще, и это не сработало
Я хотел, чтобы при нажатии на кнопку определенное поле скрывалось, а при нажатии на другое - да, другое тоже скрывалось, НО, конечно же, приходилось делать другое шоу, иначе у нас ничего не получилось бы и цель должен был представить различные поля в зависимости от того, что пользователь нажал (на переключателе). Так по-детски я сделал свой код, и это сработало. Но потом мне пришло в голову, что я сначала хотел, чтобы оба поля были скрыты вместо обоих полей, и вот в чем проблема. Я добавил значение 0 к параметру функции, "говоря это", что когда x = 0, тогда видимость = скрыта. Но это не послушает меня! Итак, часть кода, где написано, что x = 1 и 2 работает, а около 0 - нет.
Это такой простой код, который может заставить кого-то улыбнуться, но, черт возьми, он был чистым и работал. Кто-нибудь знает, как спрятать поля перед нажатием на кнопки?
Большое спасибо, я удалил некоторые теги HTML
<html>
<head>
<script language="javascript">
var x = 0;
function hola(x) {
if(x == 0) {
document.getElementById("cont1").style.visibility="hidden";
document.getElementById("cont2").style.visibility="hidden";
}
if(x == 1) {
document.getElementById("cont1").style.visibility="visible";
document.getElementById("cont2").style.visibility="hidden";
}
if(x == 2) {
document.getElementById("cont1").style.visibility="hidden";
document.getElementById("cont2").style.visibility="visible";
}
}
</script>
</head>
<body>
<input type="button" onclick="hola(1)" value="hidefield2" id="boton1">
<div id="cont1">
<input type="text">
</div>
<input type="button" onclick="hola(2)" value="hidefield1" id="boton2">
<div id="cont2">
<input type="text">
</div>
</body>
<html>