У меня есть MVC View с несколькими изображениями, каждое изображение имеет ссылку, которая ссылается на форму, расположенную в нижней части View, в форме есть <select>
, должен быть заполнен на основе щелкнутой ссылки.Как установить значение Select на основе <a> Нажмите
Это div
в верхней части страницы с изображениями и ссылками:
<div class="propImg"><img src="images/1.jpg" alt="" /></div>
<a href="#lnkForm" class="serviceRequest">Customer Service Request</a>
</div>
<div class="propImg"><img src="images/2.jpg" alt="" /></div>
<a href="#lnkForm" class="serviceRequest">Customer Service Request</a>
</div>
И это в нижней части страницы form
:
<form id="formProperties">
<select id="properties" name="properties" class="required simple-dropdown txtbox">
<option value="">Select a Property</option>
<option value="1">100 Central Avenue</option>
<option value="2">220 Central Avenue</option>
</select>
</form>
Это Функция JavaScript, которая находится на <a>
, переключает страницу и берет пользователя на form
:
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
Я не уверен, как заполнить <select>
по ссылке, которую пользователь нажимает. Например: если пользователь нажал на первом звене <select>
должен теперь имеет значение 1
, если второй <a>
- <select>
должен быть установлен с 2
и т.д ...
Любые советы?
дивы образов и ссылки выглядят так: (я удалил некоторые элементы дизайна, чтобы сократить его, но я вижу, что это надо ...)
<div>
<div class="propImg"><img src="images/1-test-RoadL.jpg" alt="" /></div>
<span class="txt15">
<br>
<strong>1 test Road</strong><br>
Piscataway, NJ
</span>
<span class="state">
<br>
12,477 SF<br>
</span><br>
<a href="#lnkForm" class="serviceRequest">Customer Service Request</a>
</div>
Вы хотите получить выбранный выбор на основании щелчка на изображении? –
Точно. Если было нажато первое '','