javascript - JQuery 根据输入值动态改变值

标签 javascript jquery html input

我正在尝试为输入创建更改监听器,它必须将值设置为 trans。字段,当用户在输入字段中键入内容时。

    $("#valueInput").on("change", function () {
        $("#transferredValue").val(this.value)
    })

但它不起作用,什么也没有发生。脚本已加载,我通过控制台检查了它。

最佳答案

尝试下面的代码片段会起作用。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("input").change(function(){
    alert("The text has been changed.");
    $("#transferredValue").val(this.value)
  });
});
</script>
</head>
<body>

<input  type="text">

<p></p>

</body>
</html>

您可以尝试的另一种方法:

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $("#valueInput").on('change', function(){
      var changeValue =  $("#valueInput").val();
         alert(changeValue);
       });

    });
    </script>
    </head>
    <body>


    <input type="text" id="valueInput" />
    <p></p>

    </body>
    </html>

关于javascript - JQuery 根据输入值动态改变值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60559582/

相关文章:

javascript - 不使用 concat 方法添加两个数组

javascript - 将点击事件绑定(bind)到空选择器是否危险?

javascript - Javascript 中 DOM 树的平滑更新

android - 记住jquery mobile中的最后一页

html - 垂直对齐网格内右对齐的导航栏元素

javascript - React 如何在状态更改后更新组件及其子组件?

javascript - 将 Prop 从一个组件传递到另一个组件时,对象作为 react 子组件(找到带有键的对象)无效

javascript - 在 Javascript 中错误继续下一步?

javascript - highlightjs 与 html 代码

html - 如何在半桌面屏幕上制作全高视频?