如何从SELECT元素中获取所选选项?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (11)

我正在尝试从下拉列表中获取所选选项,并使用该文本填充另一项,如下所示。但它在Firefox中不起作用:

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

我做错什么了?

提问于
用户回答回答于

这是一个简短的版本:

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

karim79做出了很好的捕捉,根据你的元素名称判断txtEntry2可能是一个文本框,如果它是任何类型的输入,你需要使用,.val()或者.text()像这样:

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

用户回答回答于

试试这个:

$('#ddlCodes').change(function() {
  var option = this.options[this.selectedIndex];
  $('#txtEntry2').text($(option).text());
});

扫码关注云+社区