Форум программистов [Powered by Invision Power Board]

Код


<html>
<head>
<title>Opera Bug</title>
<script language="javascript">
var regiondb = new Object()    
regiondb["africa"] = [{value:"1", text:"(africa) Каир"},
                      {value:"2", text:"(africa) Триполи"},
                      {value:"2", text:"(africa) Претория"}];
regiondb["asia"] = [{value:"1", text:"(asia) Банкок"},
                    {value:"2", text:"(asia) Дели"},
                    {value:"3", text:"(asia) Улан-Батор"},
                    {value:"4", text:"(asia) Джакарта"},
                    {value:"5", text:"(asia) Токио"}];

function showForm(formID) {
    switch (formID) {
        case 'step1':
            document.getElementById("step1").style.display = '';
            document.getElementById("step2").style.display = 'none';
            break;
        case 'step2':
            document.getElementById("step1").style.display = 'none';
            document.getElementById("step2").style.display = '';
            break;
    }
}
function setCities(chooser) {
    var cityChooser = chooser.form.elements["city"];
    cityChooser.options.length = 0;
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    cityChooser.options[0] = new Option("Город: ", "", true, false);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            cityChooser.options[i + 1] = new Option(db[i].text, db[i].value);
        }
    }
}
</script>
</head>
<body>
<form name="dealers" action="">

  <div id="step1">
  <select name="continent" onChange="setCities(this)">
    <option value="" selected>Континент: </option>
    <option value="africa">Африка</option>
    <option value="asia">Азия</option>
  </select>
  <a href="javascript:void(0);" onClick="showForm('step2')">go step #2 >></a>
  </div>

  <div id="step2" style="display:none">
  <select name="city">
    <option value="" selected>Город: </option>
  </select>
  <a href="javascript:void(0);" onClick="showForm('step1')"><< go step #1</a>
  </div>

</form>
</body>
</html>

Код


var sel = document.getElementById('city');
while (sel.childNodes.length) {
    sel.removeChild(sel.firstChild);
}

Код


.innerHTML = '';

Код


<html>
<head>
<title>Opera BugFix</title>
<script language="javascript">
var regiondb = new Object()    
regiondb["africa"] = [{value:"1", text:"(africa) Каир"},
                      {value:"2", text:"(africa) Триполи"},
                      {value:"2", text:"(africa) Претория"}];
regiondb["asia"] = [{value:"1", text:"(asia) Банкок"},
                    {value:"2", text:"(asia) Дели"},
                    {value:"3", text:"(asia) Улан-Батор"},
                    {value:"4", text:"(asia) Джакарта"},
                    {value:"5", text:"(asia) Токио"}];
                    
function hideElement(id) {
    var element = document.getElementById(id);
    if (element == null)
        return;
    element.style.visibility = 'hidden';
    element.style.position = 'absolute';
}

function showElement(id) {
    var element = document.getElementById(id);
    if (element == null)
        return;
    element.style.visibility = '';
    element.style.position = '';
}

function showForm(formID) {
    switch (formID) {
        case 'step1':
            showElement("step1");
            hideElement("step2");
            break;
        case 'step2':
            showElement("step2");
            hideElement("step1");
            break;
    }
}
function setCities(chooser) {
    var cityChooser = chooser.form.elements["city"];
    cityChooser.options.length = 0;
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    cityChooser.options[0] = new Option("Город: ", "", true, false);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            cityChooser.options[i + 1] = new Option(db[i].text, db[i].value);
        }
    }
}
</script>
</head>
<body>
<form name="dealers" action="">
  <div id="step1">
  <select name="continent" onChange="setCities(this)">
    <option value="" selected>Континент: </option>
    <option value="africa">Африка</option>
    <option value="asia">Азия</option>
  </select>
  <a href="javascript:void(0);" onClick="showForm('step2')">go step #2 >></a>
  </div>
  <div id="step2" style="visibility:hidden">
  <select name="city">
    <option value="" selected>Город: </option>
  </select>
  <a href="javascript:void(0);" onClick="showForm('step1')"><< go step #1</a>
  </div>
</form>
</body>
</html>