1

Помогите пожалуйста решить проблемку в проекте. Мне нужно, чтобы при нажатии на кнопку Choose в select'e выбралось значение, которое ввел в input. Но не по значению option, а по значению value в этом option. Вот код примерно похожий:

<select id="user_id" class="js-select" placeholder="Выберите уголь" required name="km" onchange="update(event.target, 'b1')" class="">
  <option value="один">1</option>
  <option value="два">2</option>
  <option value="три">3</option>
</select>

<input id="inp">

<input type="button" value="choose"
  onclick="a=document.getElementById('user_id');b=document.getElementById('inp');for(i=1;i<a.options.length; i++) {if (a.options[i].innerHTML==b.value) {a.options[i].selected=true; return}}"
>

2
  • Что такое a? Где именно вы объявили её с помощью let или const? То же самое с b и i.
    – aepot
    Commented 1 нояб. 2023 в 6:31
  • Я плохо знаю js, но этот код работает, только он делает поиск по option, но не по value этого option.
    – Meiram
    Commented 1 нояб. 2023 в 7:12

1 ответ 1

1

function selectByValue() {
    const selectElement = document.getElementById('user_id');
    const inputValue = document.getElementById('inp').value;

    for (let i = 0; i < selectElement.options.length; i++) {
        if (selectElement.options[i].value === inputValue) {
            selectElement.options[i].selected = true;
            return;
        }
    }
}
<select id="user_id" class="js-select" placeholder="Выберите уголь" required name="km" >
    <option value="один">1</option>
    <option value="два">2</option>
    <option value="три">3</option>
</select>

<input id="inp">

<input type="button" value="choose" onclick="selectByValue()">

Этот код сравнивает значение, введенное в поле input, с атрибутом value каждой опции в select, и устанавливает выбранную опцию с соответствующим значением value.

2
  • Спасибо большое! Вы просто супер!!! Этого я и хотел=))
    – Meiram
    Commented 1 нояб. 2023 в 8:27
  • Рад был помочь!))) Commented 1 нояб. 2023 в 8:33

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.