javascript - 使用 jQuery 更改元素文本和数据值？

Question

我正在构建一个下拉菜单，我想在单击时从 ul 的父元素中选择任何列表。然后，获取该文本并更改带有所选菜单项文本的“工作查询”(#subject 的文本)文本。

我有评论解释我在 fiddle 上的困境。

这是 jsFiddle::http://jsfiddle.net/8m4Tj/

$("ul#subjects > li").on("click", function () {
  $("#subjects").slideUp(210);
  var liText = $(this).text();
  var newSubjectText = $("#subject").text();
  alert(liText); // this alerts selected item... how do you change #subject.text ???
  alert(newSubjectText); // stays the same
});  

我不知道我是否选错了元素，但我想替换数据值和实际文本值。我正在使用这种方法，因为没有简单的方法来设置 <select> 的样式。元素。

Answer 1

使用 .text() 的 setter 版本

$("ul#subjects > li").on("click", function () {
    $("#subjects").slideUp(210);
    $("#subject").text($(this).text());
});

演示:Fiddle