Как вытащить атрибут title у select и поместить в span?

283

24 июня 2017, 13:48

Прочесть атрибут title у select, поместить в переменную.

Создать под тем же select разметку со span и присвоить значение переменной взятой у тайтла селекта.

    <select class="form-control" title="Выберите Марку">
        <optgroup label="">
            <option value="AK">Hundai</option>
            <option value="HI">Hundai</option>
            <option value="CA">Hundai</option>
        </optgroup>
    </select>

Результат, которого ожидаю:

$('<span/>', {class: 'select-title', text: $('select').attr('title')}).insertAfter('select');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select class="form-control" title="Выберите Марку"> 
    <optgroup label=""> 
        <option value="AK">Hundai</option> 
        <option value="HI">Hundai</option> 
        <option value="CA">Hundai</option> 
    </optgroup> 
</select> 
 
<select class="form-control" title="Выберите Марку2"> 
    <optgroup label=""> 
        <option value="AK">Hundai</option> 
        <option value="HI">Hundai</option> 
        <option value="CA">Hundai</option> 
    </optgroup> 
</select> 
 
<select class="form-control" title="Выберите Марку3"> 
    <optgroup label=""> 
        <option value="AK">Hundai</option> 
        <option value="HI">Hundai</option> 
        <option value="CA">Hundai</option> 
    </optgroup> 
</select> 
 
<select class="form-control" title="Выберите Марку4"> 
    <optgroup label=""> 
        <option value="AK">Hundai</option> 
        <option value="HI">Hundai</option> 
        <option value="CA">Hundai</option> 
    </optgroup> 
</select>

Answer 1

Вот так.

$('select').each(function(){ 
   var $thisSelect = $(this); 
   $('<span/>', {class: 'select-title', text: $thisSelect.attr('title')}).insertAfter(this); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
   <select class="form-control" title="Выберите Марку"> 
        <optgroup label=""> 
            <option value="AK">Hundai AK</option> 
            <option value="HI">Hundai HI</option> 
            <option value="CA">Hundai CA</option> 
        </optgroup> 
    </select> 
 
   <select class="form-control" title="Не Выберите Марку"> 
        <optgroup label=""> 
            <option value="AK">Hundai AK</option> 
            <option value="HI">Hundai HI</option> 
            <option value="CA">Hundai CA</option> 
        </optgroup> 
    </select>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

JavaScript - найти ключи, зная их значения

Как сделать так, чтобы эта функция возвращала массив с ключамиВот код этой самой функции:

348

javascript

“Конструктор” node js скрипта

Запускаю скрипт через cli, передаю в нее аргументы, каким образом я могу обработать эти аргументы до выполнения самого скрипта? При require использовал...

250

javascript

Как запустить задачи gulp watch сразу

Есть следующий gulpfilejs

236

javascript

JavaScript и длинная регулярка

Доброго времени суток! У меня есть регулярка, предназначенная для поиска форм одного и того же слова в строкеЭти регулярки автоматически...

297