JQuery найти выбрать параметры атрибутов

Question

Я знаю, как получить атрибуты элемента, используя jquery. Но я не уверен, как это сделать с фактическими параметрами в поле выбора.

<select referenceID="55" name="test" id="test">
  <option value="1">first option</option>
  <option value="2">second option</option>
  <option value="3">third option</option>
</select>

Чтобы получить referenceID, я бы просто сделал это:

$("#test").attr("referenceID");

И когда я хочу получить значение:

$("#test").val();

Но я хочу стать немного интереснее. Я хочу добавить определенную информацию в каждую опцию:

<select name="test" id="test">
  <option value="1" title="something here"*>first option</option>
  <option value="2" title="something else here">second option</option>
  <option value="3" title="another thing here">third option</option>
</select>

Можно ли получить атрибут в тегах параметров?

Я собираюсь иметь функцию onselect, которая читает тег заголовка и помогает мне в некоторых других вещах

Answer 1

Предполагается, что вы хотите найти атрибут title выбранной опции ...

$('#test option:selected').attr('title');

То есть найдите элемент-потомок #test, то есть (a) элемент option и (b) выбран .

Если у вас уже есть выделение, содержащее #test, вы можете сделать это с помощью find:

$('#test').find('option:selected').attr('title');

Answer 2

если вы используете onchange, вы можете использовать следующее:

$("#test").change(function(){
    var title =  $(this).find('option:selected').attr('title');
});

Answer 3

Разве это не работает?

$("#test").change(function() {

   var title = $(this).attr("title");

});