#javascript #c# #html #asp.net-core #razor
Вопрос:
У меня есть html-файл cshtml/razor, в котором есть текстовое поле со значением заполнителя.Значения заполнителей меняются в зависимости от переключателя, который нажимает пользователь.Например,если пользователь выбирает переключатель отель, то значение заполнителя будет установлено на «Пожалуйста, введите город», а если пользователь нажмет переключатель «воздух», значение держателя места будет установлено на «Пожалуйста, введите аэропорт».Как только я продолжаю переходить от различных переключателей, значение chnages держателя места и, в конечном счете, значение держателя места, которое появляется во время радиокнопки air, дает значение другого держателя места кнопки
@Html.TextBoxFor(m =gt; m.airTravelComponentSubRequestOneWay.DepartureAirport, new { @placeholder = @Resource.CityAirport, @id = "SearchViewModels_airTravelComponentSubRequestRoundTrip_DepartureAirport", @class = "search-element-master small-12 pad10", autocomplete = "off" })
Это html-код для текстовой кнопки
Ответ №1:
Вы можете попробовать использовать js для изменения заполнителя:
lt;input type="radio" id="hotel" value="hotel" name="type"/gt;hotel lt;br /gt; lt;input type="radio" id="air" value="airport" name="type"/gt;air lt;br /gt; lt;input type="radio" id="other" value="other" name="type"/gt;other lt;br /gt; @Html.TextBoxFor(m =gt; m.airTravelComponentSubRequestOneWay.DepartureAirport, new { @placeholder = @Resource.CityAirport, @id = "SearchViewModels_airTravelComponentSubRequestRoundTrip_DepartureAirport", @class = "search-element-master small-12 pad10", autocomplete = "off" })
JS:
$("input[name='type']").click(function () { var placeholder = "Please enter the " $(this).val(); $("#SearchViewModels_airTravelComponentSubRequestRoundTrip_DepartureAirport").attr("placeholder", placeholder); });
Результат: