Блог

Главная - Вопросы по программированию - Как получить значение из входных данных в li с помощью JavaScript

Как получить значение из входных данных в li с помощью JavaScript

#javascript #php #laravel

#javascript #php #laravel

Вопрос:

Как получить значения из выпадающего списка ul. показать консоль?

введите описание изображения здесь

 <div class="card-tools">
   <ul class="nav nav-pills">
      <ul class="prod-gram" id="language">
         <li class="init">
            <input type="hidden" value="{{ App::getLocale() }}"/>
            <img class="border border-secondary" src='{{ asset('/') }}assets/uploads/languages/{{App::getLocale()}}.png' width="30px" height="20px"/>
         </li>
         @foreach ($language as $language)
         <li>
            <input type="hidden" value="{{ $language->code }}"/>
            <img class="border border-secondary" src='{{ asset($language->flag) }}' width="30px" height="20px" />
         </li>
         @endforeach
      </ul>
   </ul>
</div>

Комментарии:

1. Я думаю, вы имеете в виду значение из входных данных, и не могли бы вы уточнить свой вопрос, пожалуйста, вы можете увидеть значение, проверив каждый ввод флага…

2. сделать type="checkbox" и style="display:none"

3. Вы можете получить или восстановить значение другим способом, например id, class, div,

4. Не уверен, что я понимаю вопрос. Вы можете использовать document.querySelectorAll('li > input[type="hidden"]')[x].value для получения значения x-го скрытого ввода. Это то, о чем вы спрашиваете?

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

Ответ №1:

вы можете установить идентификатор или класс для ввода, а затем сделать это:

  var hidden=document.getElementsByClassName("input_class_name").value;

или

  var hidden=document.getElementsById("input_id").value;