如何使用JavaScript基于其他textbox更新textbox值？

我的表单中有三个输入文本框

第一个是老师，第二个是年级。现在我有了第三个输入文本框，在这里我需要使用JavaScript动态地将这两个值更新为“（teacher）”的（X）类

有人能帮我写代码吗？ 提前谢谢

以下是jquery代码：

<script type="text/javascript">
  $(document).ready(function(){
    $('#both').value($('#teacher').val() + "'s " + $('#grade').val());
});

  </script>

$（文档）.ready（函数（）{
$（“#两者”）.value（$（“#教师”）.val（）+“'s”+$（“#成绩”）.val（）；
});

我的输入标签是：

<input type="text" name="teacher_name" id="teacher" value="" style="background:#f7f6f2 url(../images/input_02.png) repeat left top;border: 0px;width: 250px;height: 10px;padding: 10px;display: block;">
<input type="text" name="teacher_name" id="grade" value="" style="background:#f7f6f2 url(../images/input_02.png) repeat left top;border: 0px;width: 250px;height: 10px;padding: 10px;display: block;">
<input type="text" name="teacher_name" id="both" value="" style="background:#f7f6f2 url(../images/input_02.png) repeat left top;border: 0px;width: 250px;height: 10px;padding: 10px;display: block;">

---

我需要添加哪些内容来更新第三个输入字段

如果使用jQuery，在dom就绪时更新第三个非常简单：

$(document).ready(function(){
    $('#third').value($('#first').val() + "' " + $('#second').val());
});

---

使用javascript，您可以尝试以下方法：

var first_val=document.getElementById('first').val();

var second_val=document.getElementById('second').val();

document.getElementById('third').val(first_val + second_val);

---

使用输入内容更改时触发的

onChange

事件或输入失去焦点时触发的

onBlur

事件：

function UpdateInfo()
{
  var teacher = document.getElementById('teacher').val();
  var grade = document.getElementById('grade').val();
  var info = teacher + '\'s '+ grade + ' class';
  document.getElementById('info').value = info;
}

/* Solution 1 (onChange) */
<input id="teacher" type="text" onChange="UpdateInfo();" />
<input id="grade" type="text" onChange="UpdateInfo();" />
<input id="info" type="text" />

/* Solution 2 (onBlur) */
<input id="teacher" type="text" onBlur="UpdateInfo();" />
<input id="grade" type="text" onBlur="UpdateInfo();" />
<input id="info" type="text" />

---

您能告诉我们到目前为止您有什么吗？您的页面上有jquery吗？如果值是动态传递的呢？？？看到这个代码了吗？你说的“动态”是什么意思？如果你不解释你想要什么，没有人会帮你弄明白。不，这个也不起作用似乎一切都很好，但在一般页面上，这个代码也不起作用。我认为这可以起作用，但在我的代码中不起作用。不知道我在做什么，我只是在我的代码中更新了这些，但我的输入字段没有改变。。。。

$(document).ready(function()
{
    /*
    * binding onChange event here
    * you can replace .change with .blur
    */
    $('#teacher').change(UpdateInfo);
    $('#grade').change(UpdateInfo);
});

   function UpdateInfo()
   {
     var teacher = $('#teacher').val();
     var grade = $('#grade').val();
     var info = teacher + '\'s '+ grade + ' class';
     $('#info').val(info);
   }

<input id="teacher" type="text" />
<input id="grade" type="text" />
<input id="info" type="text" />