Question

我有一个选项字段，选项很少，每个选项都分配了“值”属性，并且他们有名字。选择其中一个选项后，我想要一个用标题填充，第二个用值填充。标题工作正常，但我无法得到它来捕获指定的“value =”asd“”值。

   $(".itemclass").on("change", function () {
        $("span.iclass").text(this.options[this.selectedIndex].textContent);
        $("span.impl").text(this.options[this.selectedIndex].val());
    });

我错过了什么？

Answer 1

以下是访问所选选项的方法：

$(".itemclass").on("change", function () {
    var selectedOption = $(this).find("option:selected");
    $("span.iclass").text(selectedOption.text());
    $("span.impl").text(selectedOption.val());
});

或者如果您更喜欢使用DOM节点：

$(".itemclass").on("change", function () {
    var selectedOption = $(this).find("option:selected").get(0);
    $("span.iclass").text(selectedOption.textContent);
    $("span.impl").text(selectedOption.value);
});

Answer 2

使用此：

$(".itemclass").on("change", function () {
    $("span.iclass").text(this.options[this.selectedIndex].textContent);
    $("span.impl").text($(this).val());
});

Answer 3

您可以尝试使用以下代码：

$(".itemclass").on("change", function () {
    $("span.iclass").text($(this).find("option:selected").text());
    $("span.impl").text($(this).find("option:selected").val());
});

Answer 4

好的，我鄙视双关语。

这是我想出的。

$(".itemclass").change(function()
{
    $("#Name").text(this.options[this.selectedIndex].textContent);
    $("#Value").text(this.options[this.selectedIndex].value);
 });

这是我的小提琴

http://jsfiddle.net/nH2a3/

以下是我找到解决方案的地方。查看此问题的答案。

HTMLInputElement has no method 'val'

Jquery获取值并以span显示

4 个答案: