Question

如何获取选项的选定文本。

<select class="float-left groupNames" name="Group">
       <option value="preview[object Object]0">test</option>
        <option value="preview[object Object]1">test1</option>
        <option value="preview[object Object]2">test2</option>
    </select>

我试过$(".groupNames option:selected").text(); 但它不是正确的价值。所以如果我选择第三个选项，我将获得testtest2。

Answer 1

$(".groupNames").val()就是你所需要的。

<强> jsFiddle example

但是，如果您有多个.groupNames元素，则需要使用选择器更具体。

正如您所看到的那样，

$(".groupNames option:selected").text();将获得所选选项的文本，而不是选择的值。

Answer 2

嗨，请添加一个ID，以便轻松访问此处，这是一个经过测试的小提琴http://jsfiddle.net/elviz/259m3qkb/1/

    $("#newSkill").change(function(){
         var kamote = document.getElementById("newSkill").options[document.getElementById('newSkill').selectedIndex].text;
       alert(kamote);
     });

使用类获取下拉列表中的文本值

2 个答案: