如何显示用户放入“input =”date“”框并使用Javascript单击“提交”按钮的值?

时间:2014-01-31 23:29:42

标签: javascript

我对Javascript很新,我认为这是一个简单的问题 -

我在主页上有一个区域,我想用javascript填充用户在一页上输入“input =”date“”字段的日期。基本上用户点击此页面,输入日期并点击“提交”按钮,在主页面上,专用区域抓取该值并显示它。

非常感谢您的帮助!

到目前为止,这就是我所拥有的:

<div data-role="content">   
        Content
                <input id="date" type="date" name="airdate">
                <input name="buttonExecute" onclick="execute(document.getElementById('date').value);" type="button" value="Execute" />

                <script>
var text = document.getElementById('date').value;
</script>

    </div>

1 个答案:

答案 0 :(得分:0)

好的,如果我理解正确的话,这就是你想要的:

<div id='display'></div>
<div data-role="content">   
    Content
    <input id="date" type="date" name="airdate">
    <input name="buttonExecute" onclick="execute(document.getElementById('date').value);" type="button" value="Execute" />
    <script>
        function execute (e) {
            var e2 = document.getElementById('display');
            e2.innerHTML = e;
        }
    </script>
</div>

示例:http://jsfiddle.net/37gUR/1