javascript - 如何根据 点击设置选择值

Question

我有一个包含一些图像的 MVC View ，每个图像都有一个链接到位于 View 底部的表单，该表单有一个 <select>必须根据单击的链接填充该文件。

这是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>

这是 <a> 上的 JavaScript 函数单击切换页面并将用户带到 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>
        <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>

Answer 1

试试这个。

$('.serviceRequest').on('click',function (e) {
    var q = $(this);
    var target = q.index('.serviceRequest')+1;
    $("#properties option[value="+target+"]").prop("selected","selected");
    e.preventDefault();
});

这里的例子:https://jsfiddle.net/synz/3s5jgr1o/1/