Форум

feniks7 · #1 (**permalink**) 13.02.2014, 17:49

Здравствуйте. Столкнулся с такой проблемой. Есть у меня селект

<select id="sp_model">
     <option data-attr="/url/file.ext" value="somevalue">$NAME</option>
     <option data-attr="/url/file.ext" value="somevalue">$NAME</option>
     <option data-attr="/url/file.ext" value="somevalue">$NAME</option>
</select>

при событии change, мне нужно получить содержимое data-attr;
Пробовал так, не прокатило:

$('#sp_model').change(function()
	{
		console.log("changed!");
		console.log($('#sp_model').attr('data-attr'));
	});

говорит не определено.

рони · #2 (**permalink**) 13.02.2014, 18:11

у

Сообщение от feniks7

$('#sp_model').

нет никаких атрибутов

feniks7 · #3 (**permalink**) 13.02.2014, 18:16

рони,
Всмысле нет?
value то как атрибут я могу получить. $('#sp_model').attr('value'); Вполне работает.

рони · #4 (**permalink**) 13.02.2014, 18:16

feniks7,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(function () {
      $('#sp_model').change(function()
	{
		alert($(':selected', this).data('attr'));
	});
  })
</script>
</head>
<body>
<select id="sp_model">
     <option data-attr="/url/file.ext1" value="somevalue">$NAME</option>
     <option data-attr="/url/file.ext2" value="somevalue">$NAME</option>
     <option data-attr="/url/file.ext3" value="somevalue">$NAME</option>
</select>

</body>
</html>

feniks7 · #5 (**permalink**) 13.02.2014, 18:24

рони,
Да, понял что имелось ввиду) не знал как обратиться к селектед..

Благодарю

danik.js · #6 (**permalink**) 13.02.2014, 21:40

Сообщение от feniks7

не знал как обратиться к селектед

Другой вариант, без запроса через селектор:

$(this.selectedOptions[0]).data('attr')

Правда работает только в новых браузерах (если не сочиняю).

Форум

Справочник

Discord чат

Курсы javascript