带有子字符串的 Javascript 函数

标签 javascript

我参加了 Javascript 类(class),并有一些练习作为作业。在其中一个中,我必须创建一个具有以下 Angular 色的 Javascript 函数:当我按下按钮时,该函数应该从文本的第一个字段中获取数据并将其放入接下来的 3 个输入字段(日、月和年)中。

我写了这个函数,但它不起作用。你能告诉我为什么吗?谢谢。

<!DOCTYPE html>
<html>
<head></head>
<body>
    <input type="text" value="20/12/2015" />
    <button onclick="calendar()">Push the button</button><br/>
    <input type="text" placeholder="day" /><br />
    <input type="text" placeholder="month" /><br />
    <input type="text" placeholder="year" />    
    <script>
    
    function calendar() {
        var x = "20/12/2015";
        var day = x.substring(0, 2);
        var month = x.substring(3, 5);
        var year = x.substring(6);
        document.getElementsByTagName("input")[1].innerHTML = day;
        document.getElementsByTagName("input")[2].innerHTML = month;
        document.getElementsByTagName("input")[3].innerHTML = year;
    }
        
    </script>

</body>
</html>

最佳答案

您需要使用value属性来设置/获取 <input> element 的值.

function calendar() {
    var x = "20/12/2015";
        day = x.substring(0, 2);
        month = x.substring(3, 5);
        year = x.substring(6),
        inputs = document.getElementsByTagName("input");

    inputs[1].value = day;
    inputs[2].value = month;
    inputs[3].value = year;
}
<input type="text" value="20/12/2015" />
<button onclick="calendar()">Push the button</button><br/>
<input type="text" placeholder="day" /><br />
<input type="text" placeholder="month" /><br />
<input type="text" placeholder="year" />    

关于带有子字符串的 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49969596/

相关文章:

javascript - 从 JavaScript 中的动态数据集动态创建条件

javascript - 依赖的 javascript 对象属性

javascript - c3js - 在图表中间有 X 轴

javascript - Wordpress JS CSS 组合不起作用,我不知道为什么

javascript - 在javascript中查找数组的中间元素

javascript - 需要帮助将数组分成 SQL 部分

javascript - 没有 MongoDB 的 Meteor Mysql 和 Session

javascript - JSDoc 链接到回调函数

javascript - 如何从字符串中的数字中减去百分比?

javascript - 在 jquery 中隐藏重复的 div