【问题标题】:Changing the value of a input box in HTML within a script在脚本中更改 HTML 中输入框的值
【发布时间】:2018-05-17 14:26:09
【问题描述】:

语句在 JS HTML5 中我有一个输入框定义为

<input type="number" id="Numerator" value=40>
<input type="number" id="Denominator" value=48>

我想在脚本中更改这些值。

问题:什么 HTML5 命令可以让我更改 id="Numerator" 的值?

例子

var k = 2
(insert command here to change id="Numerator" to value k)

我知道如何使用

document.getElementbyID("Numerator").value

但我不知道如何更改该 id 的值.... 任何帮助将不胜感激,但我找不到那个价值......

【问题讨论】:

  • 原因是我希望用户第一次输入一个值,然后用户无法访问这些输入框,但我仍然想使用这些框来调用其他脚本
  • 答案对您解决这个问题有帮助吗?
  • 我会稍微检查一下,但我非常感谢 :) 开始工作,看看这是否有效 :)
  • 当然。如果还有任何问题,您可以告诉我。
  • 是的,这确实按预期工作

标签: javascript html input document


【解决方案1】:

您的getElementbyID 中有错字。应该是getElementById:

var k = 2;
document.getElementById("Numerator").value = k;
<input type="number" id="Numerator" value=40>
<input type="number" id="Denominator" value=48>

【讨论】:

    【解决方案2】:

    试试这个:-

    document.getElementById("Numerator").value = "My value";
    

    【讨论】:

      【解决方案3】:

      https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute

      var el = document.getElementbyID("Numerator");
      el.setAttribute("ID", "your-new-id");
      

      【讨论】:

      • 但他不想设置 ID,而是想设置值。
      • IDK.."我不知道如何更改该 id 的值"
      【解决方案4】:

      你可以这样使用

      document.getElementById('Numerator').value = "Set Value To textbox using javascript";
      

      【讨论】:

        猜你喜欢
        • 2022-01-12
        • 1970-01-01
        • 1970-01-01
        • 2023-01-08
        • 1970-01-01
        • 1970-01-01
        • 2021-05-08
        • 1970-01-01
        • 2021-11-27
        相关资源
        最近更新 更多