H3 标签中的 jQuery 值替换为文本框中的值

Question

我有一个 h3 标签

<h3> <a href="#"> Initial Text</a></h3>

我有一个文本框。当在该文本框中键入某些值时

<input id="Medication" name="Medication" size="50" type="text" value="">

该 anchor 链接中的值(初始文本)

应替换为文本框中的值。

我怎样才能做到这一点？谁能帮我解决这个问题吗？

谢谢

Answer 1

尝试:

$('#medication').blur(function(){
  var objVal = $(this).val();
  if(objVal != ''){
    $('h3 a').text(objVal);
  }
});

这将附加 blur()当文本框失去焦点时执行提供的函数的事件处理程序。该函数将检查该值是否已设置，如果设置了，它将更新 <a> 中的文本。标签。