使用javascript从html5的下拉列表中选择一个值

时间:2013-01-24 23:08:26

标签: javascript html5

我是新来的HTML.Well我必须从不同的区域选择许多值(例如下拉列表,日期输入类型,时间输入类型等)并将它们与表进行比较。它选择正确的值,但它只在屏幕上显示一秒然后消失!看来我的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>来显示结果。

1 个答案:

答案 0 :(得分:1)

您没有取消触发该功能的事件。所以页面正在重新加载。

您需要return false或致电event.preventDefault()

编辑:

基于评论

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