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

Question

我正在构建一个下拉菜单,我想在单击时从ul的父元素中选择任何一个lis.然后,取出该文本并更改所选菜单项文本的"工作查询"(#subject文本)文本.

我的评论解释了我对小提琴的困境.

这是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());
});

演示:小提琴