Member 12558924 Ответов: 1

Как заполнить форму выбора опции с именем папки, которая содержит файлы в HTML с помощью javascript или jquery.

Привет, мир! я только начинаю использовать html для веб-страницы и хочу динамически заполнить опцию select в html с помощью javascript или jquery. Каков наилучший способ достичь этого? я делаю некоторые исследования в google, но это, к сожалению, не работает. я попробовал это с примерами по ссылке ниже, но это не работает для меня. что я делаю не так в своем коде? Я открыт для других предложений.

https://www.electrictoolbox.com/javascript-add-options-html-select/[^]

Что я уже пробовал:

<select class="col-xs-3" name="list" id="list">
   <option value="" selected>  Select List</option>
</select>


и мой JS выглядит так: 

<script language="javascript" type="text/javascript">
       var select = document.getElementById("list");
       select.options[select.options.length] = new Option('text 1', 'Value1');
 </script>


я не знаю, как закодировать его в jquery. Любая идея приветствуется. спасибо вам за помощь.

1 Ответов

Рейтинг:
8

Karthik_Mahalingam

попробовать это

var select = document.getElementById('list');
       var items = [{ text: 'text1', value: 'value1' }, { text: 'text2', value: 'value2' }, { text: 'text3', value: 'value3' }];
       var options = [];
       for (var i = 0; i < items.length; i++)
           options.push('<option value="' + items[i].text + '">' + items[i].text + '</option>');
       select.innerHTML = options.join('');


Демонстрация: - JSFiddle[^]

Member 12558924

Большое вам спасибо, но это все равно не работает на моей стороне. может быть, я что-то упустил. Должен ли я включить что-то еще?

Karthik_Mahalingam

вы должны поместить сценарий внизу 

<!DOCTYPE html>
<html> 
<body> 
    <select class="col-xs-3" name="list" id="list">
        <option value="" selected>  Select List</option>
    </select> 

    <script>
        var select = document.getElementById('list');
        var items = [{ text: 'text1', value: 'value1' }, { text: 'text2', value: 'value2' }, { text: 'text3', value: 'value3' }];
        var options = [];
        for (var i = 0; i < items.length; i++)
            options.push('<option value="' + items[i].text + '">' + items[i].text + '</option>');
        select.innerHTML = options.join('');

    </script>

</body>
</html>

Member 12558924

большое спасибо, это прекрасно работает. и что я могу сделать, если я хочу, чтобы он был внешним файлом, чтобы его можно было использовать для других html-файлов?

Karthik_Mahalingam

просто переместите часть скрипта во внешний файл и просто обратитесь к этому html-файлу.
если это сработает, пожалуйста, закройте этот пост.

Member 12558924

спасибо вам за вашу помощь!!!

Karthik_Mahalingam

Добро пожаловать

Wali Faizy

Эй Картик не могли бы вы пожалуйста отсортировать мой вопрос заданный на форуме вопросов

Karthik_Mahalingam

ссылка