Как сделать выпадающий список выбранным, если URL соответствует значению?

Question

Я пытаюсь сделать выбор в поле select на основе URL. URL-адреса привязаны к атрибуту value option. Как я могу сделать это в jQuery?

<select>
	<option value="http://name.com/">All</option>
	<option value="http://name.com/category/electronics">Electronics</option>
    	<option value="http://name.com/category/books">Books</option>
        <option value="http://name.com/category/furniture">Furniture</option>
        <option value="http://name.com/category/kitchen">kitchen</option>
        <option value="http://name.com/category/homeware">Homeware</option>
        <option value="http://name.com/category/outdoors">Outdoors</option>  
</select>

Answer 1

Возможно, вы хотите связать выпадающий список с веб-URL. Таким образом, вы можете добавить идентификатор к вашему тегу <select>, например, «drpCategory». Теперь вам нужно добавить скрипт ниже для автоматического выбора выпадающего списка.

$(function(){
   $("#drpCategory").val(window.location.href);
});

Answer 2

Сначала получите pathname от URL, в котором вы находитесь. Вы можете сделать это с помощью этой функции: window.location.pathname. Затем в коде javascript проверьте, соответствует ли ваш pathname какое-либо из значений options, и если это так, добавьте атрибут selected к этой опции.

Answer 3

Если вам просто нужно выбрать опцию при загрузке страницы, то следующее должно сделать это.

$(function(){
   $( "select").val(window.location);
))

Answer 4

Поставьте этот код сразу после блока

<script>
$('select').last().val(location.href)
</script>

$ ('select'). Last () - это способ jQuery выбрать предыдущий элемент