来自字段的动态读取值

时间:2018-05-20 09:11:04

标签: javascript jquery

我有以下代码:

CHAR

我希望不是在按钮点击上运行该功能,而是运行它并动态显示来自第一个字段的值和f.e.在网站的内容而不是弹出窗口。

我怎样才能实现这一目标? 提前感谢您的提示和帮助!

2 个答案:

答案 0 :(得分:0)

添加INotifyPropertyChanged事件处理程序

onkeyup
function showInputVal(elem) {
  $("#inputDisplay").text(elem.value)
}

答案 1 :(得分:0)

因此,如果希望函数被触发"动态",keyup()可能是想要的。每次用户在键入第一个输入字段时释放键盘上的键时,它都会触发该功能。

要在网站本身而不是弹出窗口中显示输入字段的值,请使用jQuerys text()方法。在此示例中,我为输出添加了div,否则网站内容会搞砸,因为我们会将网站内容替换为输入字段的值。



<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $('input:text').keyup(function() {
        $('#result').text(($("input:text").val()));
      });
    });
  </script>
</head>

<body>

  Firstname: <input type="text" name="fname" value="Peter"><br> Lastname: <input type="text" name="lname" value="Griffin"><br><br>

  <button>Return the value of the first input field</button>
  <div id="result"></div>

</body>

</html>
&#13;
&#13;
&#13;