根据导航菜单中的网址更改下拉选项

Question

我的页面顶部有一个导航菜单。我有四个要素，如果我需要选择＆＃39; element1＆＃39;如果我点击了＆＃39; option2＆＃39;它需要选择element1。从导航菜单中，需要在我页面最后一部分的下拉框中选择option2， 这就是它的样子，有人有想法吗？

<nav>
    <ul class="main_menu">
        <li><a href=".home">Home</a>
        </li>
        <li><a href=".contact_area">Element1</a>
        </li>
        <li><a href=".contact_area">Element2</a>
        </li>
        <li><a href=".contact_area">Element3</a>
        </li>
        <li><a href=".contact_area">Element4</a>
        </li>
    </ul>
</nav>
<div class="contact_area">
    <form>
        <label for="">Element type:
            <select>
                <option value="Element1">Element1</option>
                <option value="Element2">Element2</option>
                <option value="Element3">Element3</option>
                <option value="Element4">Element4</option>
            </select>
        </label>
    </form>
</div>

Answer 1

您只需要阅读锚标记文本并在下拉列表中选择

$(".main_menu a").on('click',function(e){
    $("select").val($(this).text())
	return false // to stop default action of href 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<nav>
    <ul class="main_menu">
        <li><a href=".home">Home</a>
        </li>
        <li><a href=".contact_area">Element1</a>
        </li>
        <li><a href=".contact_area">Element2</a>
        </li>
        <li><a href=".contact_area">Element3</a>
        </li>
        <li><a href=".contact_area">Element4</a>
        </li>
    </ul>
</nav>
<div class="contact_area">
    <form>
        <label for="">Element type:
            <select>
                <option value="Element1">Element1</option>
                <option value="Element2">Element2</option>
                <option value="Element3">Element3</option>
                <option value="Element4">Element4</option>
            </select>
        </label>
    </form>
</div>

Answer 2

{{1}}

Answer 3

试试这个..，

$(function(){
    $('.main_menu li a').click(function(){
        var thisA = $(this).text();
        $('.contact_area option[value="+ thisA +"]').attr('selected','selected');
    });
});