One ...

Добавить текст ко всем первым пунктам меню

jquery html select input

49 просмотра

3 ответа

23 Репутация автора

В моем HTML у меня есть:

<select>
    <option value></option>
    <option value="1">One</option>
    ...
</select>
<select>
    <option value></option>
    <option value="1">One</option>
    ...
</select>
<select>
    <option value></option>
    <option value="1">One</option>
    ...
</select>
...

Все выбранные теги без идентификатора или класса.
Я хочу установить текст из первых вариантов

Пример:

<select>
    <option value>My Text</option>
    <option value="1">One</option>
</select>
<select>
    <option value>My Text</option>
    <option value="1">One</option>
</select>
...

Как я могу сделать это с помощью jQuery?

Автор: fuerteVentura22 Источник Размещён: 19.07.2016 09:13

Ответы (3)


0 плюса

95243 Репутация автора

Решение

Получить первый вариант с помощью :first-childселектора псевдокласса и обновить текстовое содержимое с помощью text()метода.

$('select option:first-child').text('My text')

$('select option:first-child').text('My text')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value></option>
  <option value="1">One</option>
</select>

<select>
  <option value></option>
  <option value="1">One</option>
</select>

<select>
  <option value></option>
  <option value="1">One</option>
</select>

Автор: Pranav C Balan Размещён: 19.07.2016 09:15

0 плюса

14293 Репутация автора

$('select option:nth-child(1)').text('My Text')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value></option>
<option value="1">One</option>
...
</select>

<select>
<option value></option>
<option value="1">One</option>
...
</select>

<select>
<option value></option>
<option value="1">One</option>
...
</select>

...

  1. Используйте, :nth-child(1)чтобы получить первый вариант
  2. Используйте, .text()чтобы установить текст
Автор: guradio Размещён: 19.07.2016 09:20

0 плюса

4910 Репутация автора

Необходимо создать общую функцию, в которой мы должны передать идентификатор раскрывающегося списка и текст, который мы хотим добавить для первого варианта раскрывающегося списка. Пожалуйста, посмотрите на код ниже.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<select id="first">
<option value></option>
<option value="1">One</option>
...
</select>

<select id="second">
<option value></option>
<option value="1">One</option>
...
</select>

<select  id="third">
<option value></option>
<option value="1">One</option>
...
</select>

<script type="text/javascript">
    function firstValueSelect(id,value){
        $('#'+id+' option:first-child').text(value);
    }
    firstValueSelect("first","test first");
    firstValueSelect("second","test second");
</script>
Автор: Rahul Patel Размещён: 19.07.2016 09:21
Вопросы из категории :
32x32