jquery - 从选择元素中获取选择的选项

Question

我正在尝试从下拉列表中获取选定的选项并用该文本填充另一个项目，如下所示。 IE 正在咆哮，它在 Firefox 中不起作用:

$('#ddlCodes').change(function() {
  $('#txtEntry2').text('#ddlCodes option:selected').text();
});

我做错了什么？

Answer 1

这是一个简短的版本:

$('#ddlCodes').change(function() {
  $('#txtEntry2').text($(this).find(":selected").text());
});

karim79很好地捕获了，根据您的元素名称 txtEntry2 可能是一个文本框，如果它是任何类型的输入，您需要使用 .val() 代替或 .text() 像这样:

  $('#txtEntry2').val($(this).find(":selected").text());

对于“怎么了？”问题的一部分:.text() 不带选择器，它带你想要设置的文本，或者不返回已经存在的文本。所以你需要获取你想要的文本，然后把它放在你想要设置的对象的 .text(string) 方法中，就像我上面的那样。