Question

我正在尝试更改html输入元素的值，我想在屏幕上看到该值的更改。这似乎是一个非常简单的任务，但是它不能使用javascript（但可以使用jQuery）。

$("#btn1").click(function () {
    $("#test1").val("10");
});

function bt() {
  document.getElementById("test1").value = "3333";
    document.getElementById("test1").setAttribute("value","4444");
 }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Formula 1:
    <input type="text" id="test1" value="1111">
    </p>

    <p>What the answers to these formulas?</p>
    <br>
    <button id="btn1">Hint</button>
    <button id="btn2" onclick="bt()">Hint2</button>

关于javascript函数bt（）的任何建议吗？

Answer 1

在value中被选择/引用后，您可以仅使用input元素的JavaScript属性。

在下一个示例中，每次单击带有button文本的change value时，input的值将更改为New value:，后跟a random number。 / p>

/** selecting the button and the input **/
const btn = document.getElementById('btn2'),
  inp = document.getElementById('test1');

/** adding click listener  **/
btn.addEventListener('click', () => inp.value = 'New value: ' + Math.ceil(Math.random() * 100)); /** for demo purposes a random number is generated every time the button is clicked. Change the affected value per your requirements **/

<input type="text" id="test1" value="1111">

<p>What the answers to these formulas?</p>
<br>
<button id="btn1">Hint</button>
<button id="btn2">change value</button>

详细了解JavaScript中的input元素。

希望我进一步推动了你。

刷新html输入元素的值

1 个答案: