Получить выделенный текст опции с помощью JavaScript

Question

Получить выделенный текст опции с помощью JavaScript

у меня есть выпадающий список такой:

<select id="box1">

<option value="98">dog</option>

<option value="7122">cat</option>

<option value="142">bird</option>

</select>

как я могу получить фактический текст, а не значение с помощью JavaScript? Я могу получить значение с чем-то вроде:

<select id="box1" onChange="myNewFunction(this.selectedIndex);" >

а не 7122 Я хочу cat.

665 7

javascript dom html drop-down-menu

7 ответов:

Comments

Ничего не найдено.

999k · Accepted Answer · 2018-09-13 22:13:57

попробовать варианты

function myNewFunction(sel) {
  alert(sel.options[sel.selectedIndex].text);
}

<select id="box1" onChange="myNewFunction(this);">
  <option value="98">dog</option>
  <option value="7122">cat</option>
  <option value="142">bird</option>
</select>

sasi · Accepted Answer · 2013-02-20 11:45:29

Обычный JavaScript

var sel = document.getElementById("box1");
var text= sel.options[sel.selectedIndex].text;

jQuery:

$("#box1 option:selected").text();

VisioN · Accepted Answer · 2013-02-20 11:45:41

HTML:

<select id="box1" onChange="myNewFunction(this);">

JavaScript:

function myNewFunction(element) {
    var text = element.options[element.selectedIndex].text;
    // ...
}

DEMO: http://jsfiddle.net/6dkun/1/

klidifia · Accepted Answer · 2014-09-10 00:32:19

все эти функции и случайные вещи, я думаю, что лучше всего использовать это, и сделать это так:
this.options[this.selectedIndex].text

Ashwin · Accepted Answer · 2013-02-20 11:37:47

использовать -
$.trim($("select").children("option:selected").text())   //cat
вот скрипка -http://jsfiddle.net/eEGr3/

Nicholas Pickering · Accepted Answer · 2013-02-20 11:49:16

~~вам нужно будет получить innerHTML опции, а не его значение.~~

использовать this.innerHTML вместо this.selectedIndex.

Edit: сначала вам нужно получить элемент option, а затем использовать innerHTML.

использовать this.text вместо this.selectedIndex.

ericosg · Accepted Answer · 2013-02-20 11:43:09

попробуйте ниже:
myNewFunction = function(id, index) {
    var selection = document.getElementById(id);
    alert(selection.options[index].innerHTML);
};
посмотреть здесь jsfiddle пример