.jQuery中的.change并没有给我一个select所需的结果

Question

这是我的HTML

<select class="selecturl">
 <optgroup label="Fruit">

  <option value="/something/167/remote">Apple</option>

  <option selected="" value="/something/168/remote">Oranges</option>

  <option value="/something/169/remote">Bananas</option>

  <option value="/something/170/remote">Carots</option>

 </optgroup>
</select>

这是我的jQuery

$('.selecturl').change(function() {
      console.log(this);

我不知道如何获取字符串“Apple”或任何被选中的内容

Answer 1

如果您需要文字，请使用.val()获取所选选项的值，或.text()选项的:selected：

$('.selecturl').change(function() {
  console.log($(this).val()); //gets the value
  console.log($(this).find(':selected').text()); //gets the text
});

You can test it out here