Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Замена первого слова в select (https://javascript.ru/forum/project/83220-zamena-pervogo-slova-v-select.html)

ajaxst 18.10.2021 13:32

Замена первого слова в select
 
Как заменить первую фразу не "- Выберите -" а "Введите название детали"

Вот код:
<select id="edit-field-iblako-slov-tid" name="field_iblako_slov_tid" class="form-select chosen-processed" style="display: none;">
<option value="All" selected="selected">- Выберите -</option>
<option value="5125">Блок управления сидением лев зад ЭБУ</option>
<option value="5124">Блок управления сидением лев перед ЭБУ</option>
<option value="5126">Блок управления сидением прав зад ЭБУ</option>
<option value="6938">Якорь генератора</option>
<option value="6509">Якорь стартера</option>
<option value="5981">Ящик для инструментов</option>
<option value="5677">Ящик передней консоли</option>
</select>

рони 18.10.2021 13:53

ajaxst,
<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            document.querySelector("#edit-field-iblako-slov-tid>[value='All']").text = "Введите название детали"
        });
    </script>
</head>

<body>
    <select id="edit-field-iblako-slov-tid" name="field_iblako_slov_tid" class="form-select chosen-processed">
<option value="All" selected="selected">- Выберите -</option>
<option value="5125">Блок управления сидением лев зад ЭБУ</option>
<option value="5124">Блок управления сидением лев перед ЭБУ</option>
<option value="5126">Блок управления сидением прав зад ЭБУ</option>
<option value="6938">Якорь генератора</option>
<option value="6509">Якорь стартера</option>
<option value="5981">Ящик для инструментов</option>
<option value="5677">Ящик передней консоли</option>
</select>
</body>

</html>

ajaxst 18.10.2021 14:52

А есть другой вариант, этот почему то не сработал

рони 18.10.2021 17:03

ajaxst,
либо у вас другой селектор #edit-field-iblako-slov-tid>[value='All'] укажите свой точнее, либо элемент формируется после загрузки, ищите функцию которая формирует select, либо оберните строку 9 в setTimeout

ajaxst 18.10.2021 18:28

Вот полный код, только список сокращен:
<div class="views-widget">
	<div class="form-item form-type-select form-item-field-iblako-slov-tid">
		<select id="edit-field-iblako-slov-tid" name="field_iblako_slov_tid" class="form-select chosen-processed" style="display: none;">
		<option value="All" selected="selected">- Выберите -</option>
		<option value="6640">911</option>
		<option value="4847">Абсорбер</option>
		<option value="5582">Эмблема (надпись)</option>
		<option value="4716">Эмблема багажника</option>
		<option value="5890">Эмблема капота</option>
		<option value="6218">Эмблема молдинга</option>
		<option value="5833">Эмблема решетки</option>
		<option value="6371">Эмблема с рул колеса</option>
		<option value="6938">Якорь генератора</option>
		<option value="6509">Якорь стартера</option>
		<option value="5981">Ящик для инструментов</option>
		<option value="5677">Ящик передней консоли</option>
		</select><div class="chosen-container chosen-container-single form-select chosen-processed" title id="edit_field_iblako_slov_tid_chosen" style="width: 235px;">
			<a class="chosen-single"><span>- Выберите - </span>
			<div>
				<b></b></div>
			</a>
			<div class="chosen-drop">
				<div class="chosen-search">
					<input class="chosen-search-input" type="text" autocomplete="off">
				</div>
				<ul class="chosen-results">
					<li class="active-result result-selected" data-option-array-index="0">
					- Выберите - </li>
					<li class="active-result" data-option-array-index="1">911</li>
					<li class="active-result" data-option-array-index="2">Абсорбер</li>
					<li class="active-result" data-option-array-index="3">Аккумулятор</li>
					<li class="active-result" data-option-array-index="4">АКПП</li>
					<li class="active-result" data-option-array-index="5">Активатор 
					АКПП</li>
					<li class="active-result" data-option-array-index="6">Активатор 
					турбины</li>
					<li class="active-result" data-option-array-index="7">Амортизатор 
					бардачка</li>
					<li class="active-result" data-option-array-index="8">Амортизатор 
					двери багажника</li>
					<li class="active-result" data-option-array-index="2575">Эмблема 
					(надпись)</li>
					<li class="active-result" data-option-array-index="2576">Эмблема 
					багажника</li>
					<li class="active-result" data-option-array-index="2577">Эмблема 
					капота</li>
					<li class="active-result" data-option-array-index="2578">Эмблема 
					молдинга</li>
					<li class="active-result" data-option-array-index="2579">Эмблема 
					решетки</li>
					<li class="active-result" data-option-array-index="2580">Эмблема 
					с рул колеса</li>
					<li class="active-result" data-option-array-index="2581">Якорь 
					генератора</li>
					<li class="active-result" data-option-array-index="2582">Якорь 
					стартера</li>
					<li class="active-result" data-option-array-index="2583">Ящик 
					для инструментов</li>
					<li class="active-result" data-option-array-index="2584">Ящик 
					передней консоли</li>
				</ul>
			</div>
		</div>
	</div>
</div>

рони 18.10.2021 18:36

ajaxst,
могу только гадать, возможно у вас кастомный селектор и нужно смотреть плагин, который его формирует. лучше изменить код html изначально на сервере.


Часовой пояс GMT +3, время: 19:41.