Member 13220552 Ответов: 2

Получить значение select in view с помощью javascript

всем привет

я хочу получить значение выбранных элементов в моем коде Javascript.
это мой вид кода.


<pre><div class="form-group ">
                                    <label id="locationdepart" class="control-label"> Stockage de depart </label>
                                    <select id="locationdepart" class="form-control" asp-items="ViewBag.fromlocation"> </select>
                                    <span id="locationdepart" class="text-danger"> </span>
                                </div>
                            </div>

                            <div class="col-lg-3">

                                <div class="form-group">
                                    <label id="locationarrive" class="control-label"> Stockage d'arrivée </label>
                                    <select id="locationarrive" class="form-control" asp-items="ViewBag.fromlocation"> </select>
                                    <span id="locationarrive" class="text-danger"></span>
                                </div>


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

это мой JS-код.

это моя ошибка : 
Uncaught TypeError: Cannot read property 'value' of null


 function onAddClick() {

            var transfertDep = document.getElementById("#locationdepart").value;
          //  var transfertDep = e.options[e.selectedIndex].value;

            var transfertArr = document.getElementById("#locationarrive").value;
}

2 Ответов

Рейтинг:
2

F-ES Sitecore

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

Member 13220552

спасибо я попробую это сделать и вернусь

Рейтинг:
17

Richard Deeming

Цитата:
<label id="locationdepart" class="control-label"> Stockage de depart </label>
<select id="locationdepart" class="form-control" asp-items="ViewBag.fromlocation"> </select>
<span id="locationdepart" class="text-danger"> </span>
Вы устанавливаете то же самое id на этикетке, элементе формы и сообщении проверки. Идентификаторы в HTML - документе должны быть уникальными.

Так как вы используете ASP.NET ядро, вы можете использовать помощники тегов для генерации правильных идентификаторов:
<label asp-for="locationdepart" class="control-label"> Stockage de depart </label>
<select id="locationdepart" asp-for="locationdepart" class="form-control" asp-items="ViewBag.fromlocation"> </select>
<span asp-validation-for="locationdepart" class="text-danger"> </span>
Если вы просматриваете исходный код страницы в своем браузере, визуализированный HTML-код должен выглядеть примерно так: 
<label for="locationdepart" class="control-label"> Stockage de depart </label>
<select id="locationdepart" name="locationdepart" class="form-control"">
    <option value="...">...</option>
    ...
</select>
<span class="text-danger field-validation-valid" data-valmsg-for="locationdepart"></span>
После этого ваш скрипт должен начать работать: 
function onAddClick() {
    var transfertDep = document.getElementById("#locationdepart").value;
    console.log(transfertDep);
    ...
}

Member 13220552

Спасибо тебе Ричард , я видел , это мои идентификаторы. я удалил для ярлыка и проверки сообщения.