Показать сообщение отдельно
  #6 (permalink)  
Старый 25.05.2016, 12:19
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Сообщение от Shur Посмотреть сообщение
можно небольшой пример? С "data-text"?
Shur,
Я имел в виду не столько отображение, сколько дальнейшее использование выбранного значения
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег SELECT</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script type="text/javascript">
     $(function () {
         $("#estimateA").on("change", function (event) {
             alert("Выбрано:" + $("#estimateA option:selected").attr('data-text'));
         });
     })
   </script>
</head>
 <body> 
   <select id="estimateA">
    <option value="1" data-text="Test">Test</option>
    <option value="2" data-text="_Test1"> _Test1</option>
    <option value="3" data-text="_Test1_1">  _Test1_1</option>
    <option value="4" data-text="_Test2"> _Test2</option>
    <option value="5" data-text="_Test2_1">  _Test2_1</option>
    <option value="6" data-text="_Test2_2">  _Test2_2</option>
   </select>
 </body>
</html>

При этом заметил, что в Хроме и Опере выбранное значение отображается без пробелов без каких-либо дополнительных манипуляций.
В ИЕ и ФФ - с пробелами

Последний раз редактировалось Dilettante_Pro, 25.05.2016 в 12:21.
Ответить с цитированием