Question

我刚刚开始编码，我正在尝试制作一个可以找到用户出生日期的小网页。所以我想减去当年（2017年）的年龄。但是我不知道该怎么做。你能帮助我吗？ Html代码：

<body>
  <h1 id="title"> Date of birth finder
    <h1>
      <h2 id="age"> Insert your age here: </h2>
      <div>
        <form>
          <input type="number" name="quantity" min="0" max="2016">
        </form>
      </div>
      <button id="bSubmit">Submit</button>
      <div class="user-answer">
        <form>
          <input type="text" name="year">
        </form>
      </div>
</body>

<script>
  var age = document.getElementById("quantity").value
  $("bSubmit").on(click, function {

  });
</script>

Answer 1

此解决方案还会根据当前年度进行更新：

@model HomeIndexVM

foreach(Student student in Model.Students) {
    //...
}

如果你不想那样：

$("#bSubmit").on("click", function (){
    $("[name='year']").val((new Date()).getFullYear() - $("[name='quantity']").val());
});

Answer 2

您的脚本没有按预期工作的原因有几个：

您需要在功能的末尾添加括号。
您需要使用id属性才能定位getElementById，而不仅仅是name属性。这将用HTML编写为<input id="quantity" name="quantity">
jQuery＆＃39; click中的on()需要用引号书写。
您需要在开头提及带有主题标签的提交按钮bSubmit（表示它是您正在引用的ID）。
您需要在函数中定义age ，否则更改后的值不会更新。

这是一个更新的工作脚本：）

＆＃13;
＆＃13;
$("#bSubmit").on('click', function() { var age = document.getElementById("quantity").value; console.log(age); });
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h2 id="age"> Insert your age here: </h2> <div> <form> <input type="number" id="quantity" name="quantity" min="0" max="2016"> </form> </div> <button id="bSubmit">Submit</button>
＆＃13;
＆＃13;
＆＃13;

如果您想要替换user-answer，只需从当前日期中减去输入，而不是记录到控制台：

＆＃13;
＆＃13;
$("#bSubmit").on('click', function() { var age = document.getElementById("quantity").value; $("[name='year']").val((new Date()).getFullYear() - age); });
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h2 id="age"> Insert your age here: </h2> <div> <form> <input type="number" id="quantity" name="quantity" min="0" max="2016"> </form> </div> <button id="bSubmit">Submit</button> <div class="user-answer"> <form> Current year minus input: <input type="text" name="year"> </form> </div>
＆＃13;
＆＃13;
＆＃13;

希望这有帮助！：）

Answer 3

$("#bSubmit").on("click", function (){
    $("[name='year']").val(new Date.getFullYear() - $("[name='quantity']").val());
});

- 改进programmer5000示例

Answer 4

你也可以尝试这个代码，它可能会给你一些关于你寻找什么的运气。

$("#bSubmit").on("click", function () 
{
    age = document.getElementById("quantity");
    year_of_birth = 2017 - age;
});

根据另一个值的值向文本框添加值

4 个答案: