主页 / 问题 / 682826
Accepted
Aleksandr
Asked:2020-06-23 16:50:00 +0000 UTC2020-06-23 16:50:00 +0000 UTC

如何从选择中提取标题属性并将其放入跨度中？

  • 772
  1. 读取select的title属性，放到一个变量中。

  2. 在同一选择下创建具有跨度的标记，并将值分配给从选择标题中获取的变量。

        <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>

javascript

1 个回答

  1. Best Answer

    像这样。

    $('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>

    • 4

相关问题