выберите <option>текст невидимым до изменения

Question

У меня странная проблема с элементами <select> <option>. У меня есть функция, которая запускается каждый раз, когда из выпадающего списка <select> выбирается конкретный <option>, этот код затем устанавливает один из параметров выбранного элемента select, это происходит с помощью:

$('select[name="data[ApplicationPayday][EmpIndustry]"]').find('option[value=""]').attr('selected', true)

Выбор, который получает выбранное значение:

<select class="custom-select" id="EmpIndustry" name="data[ApplicationPayday][EmpIndustry]" aria-describedby="EmployerIndustryHelp" required>
  <option value="" selected>Please Select</option>
  <option value="10">Health</option>
  <option value="22">Retail</option>
</select>

Тем не менее, текст выбора невидим, несмотря на наличие в меню допустимых опций.

Есть идеи почему?

РЕПРОДУКЦИЯ URL: https://codepen.io/sts-ryan-holton/pen/LKJbzL

Answer 1

Используйте код ниже.

$('select[name="data[ApplicationPayday][EmpIndustry]"]').find('option[value=""]').prop('selected', true);

Answer 2

Вы можете использовать любой код ниже

1. $ ('select [name = "data [ApplicationPayday] [EmpIndustry]"]'). Find ('option [value = ""]'). Prop ('selected', true);

2. $ ('select [name = "data [ApplicationPayday] [EmpIndustry]"] option [value = ""]'). Prop ('selected', true);

3. $ ( 'выберите [имя = "данные [ApplicationPayday] [EmpIndustry]"]') Вал ( '');

Поскольку опция select имеет идентификатор и атрибут id определяет уникальный идентификатор для элемента HTML, приведенный выше код можно записать как ....

1. $ ('# EmpIndustry'). Find ('option [value = ""]'). Prop ('selected', true);

2. $ ('# EmpIndustry option [value = ""]'). Prop ('selected', true);

3. $ ( '# EmpIndustry') Вал ( ''); (код такой же, как у ravibagul91)

Answer 3

Похоже, проблема в:

$('select[name="data[ApplicationPayday][EmpIndustry]"]').val(25)

При переходе между отраслями вы сбрасываете выбранное значение на «25». но значение вашего «Пожалуйста, выберите» «» (пустая строка). В вашей скрипке я изменил эту строку на:

$('select[name="data[ApplicationPayday][EmpIndustry]"]').val("")

А теперь, когда я переключаюсь, он отображается правильно. Пожалуйста, выберите.