使用javascript從html5中的下拉列表中選擇一個值

Question

我在這里和HTML中都是新手。那么我必須從不同的區域中選擇許多值（例如，下拉列表，日期輸入類型，時間輸入類型等），並將它們與表格進行比較。 它選擇了正確的值，但是它僅在屏幕上顯示一秒鍾，然后消失了！看來我的Chrome刷新了！這是我到目前為止所做的。

//內部javascript

function Searching()
    {
        var a=document.getElementById('movies');
        var selMov=a.options[a.selectedIndex].value;
        var b=document.getElementById('areas');
        var selAr=b.options[b.selectedIndex].value;
        var c=document.getElementById('dat').type='date';
        var d=document.getElementById("tim").type='time';
        var rows=document.getElementById('dataProgram').getElementsByTagName('tr');
        document.getElementById("demo").innerHTML=selMov;

    }

我有這個<p id="demo"></p>來顯示結果。

Answer 1

您不會取消觸發該功能的事件。 因此頁面正在重新加載。

您需要return false或調用event.preventDefault()

編輯：

根據評論

<button type="submit" id="but" onclick="Searching(); return false;">Search</button>