Javascript 将输入值更新到用户'；s输入

我试图通过ajax实时响应用户的输入来更新页面。但是，当用户键入某个内容并单击“发送”时，没有任何响应。但是，当我通过html将输入预设为一个随机单词并单击“发送”时，会显示该单词。这是为什么？我如何在不使用html手动更新输入值的情况下更新输入值

HTML

<input type="text" id="userName" name="typeit" value=""/>
<!-- Input containing preset value -->
<input type="text" id="userName" name="typeit" value="cindy"/>
<input type="button" id="text_value" value="send"/>

---

我想你想要的是一个键盘事件，比如

keyup

：

$('#userName').keyup(function() {
    var text_value = $(this).val();
    if(text_value=='') {
      alert("Please enter a title first");
    }else{
      $("p").html(text_value);
    }
});

另外，

id

只能在页面上使用一次，因此您需要更改其中一个：

<input type="text" id="userName" name="typeit" value=""/>
<!-- Input containing preset value -->
<input type="text" id="somethingElse" name="typeit" value="cindy"/>
<input type="button" id="text_value" value="send"/>

<!--for my example-->
<p>Update</p>

更新

---

您在HTML中定义了两次

id=“userName”

时出错。如果比较字符串，则始终需要相同的运算符。请尝试以下代码段：

//我用它来检查实际输入是否正在更新
$（“#文本_值”）。单击（函数（）{
var text_value=$（“#用户名”）.val（）；
如果（文本值==“”）
警告（“请先输入标题”）；
其他的
警报（文本值）；
});

要在不点击“发送”的情况下更新值吗？ajax在哪里？为什么有两个id和名称相同的输入？ID应该是唯一的。
<input type="text" id="userName" name="typeit" value=""/>
<!-- Input containing preset value -->
<input type="text" id="somethingElse" name="typeit" value="cindy"/>
<input type="button" id="text_value" value="send"/>

<!--for my example-->
<p>Update</p>