Как предварительно выбрать опцию в раскрывающемся меню с URL-адресом ⇐ Jquery

[Anonymous]

Я использую раскрывающееся меню выбора, которое фильтрует таблицу HTML на основе выбора пользователя. Я хотел бы использовать URL-адрес страницы, чтобы выбрать один из вариантов. Например, если я перейду по следующему URL-адресу: https://www.mywebsite.com/productsDropdown=producta
Я бы хотел, чтобы в раскрывающемся списке был «Продукт А».
Я включил HTML и CSS ниже, если это поможет
Если возможно, я бы хотел использовать Javascript

Код: Выделить всё

Product

All
Product A
Product B
Product C







Name
Description
Product





[url=#]Request A[/url]

Sit amet consectetur adipisicing elit.
Product A





[url=#]Request B[/url]

Modi placeat quos impedit sit optio doloremque veniam expedita?
Product B





[url=#]Request C[/url]

Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Product C

Код: Выделить всё

#myInput {
background-image: url("https://www.w3schools.com/css/searchicon.png"); /* Add a search icon to input */
background-position: 10px 12px; /* Position the search icon */
background-repeat: no-repeat; /* Do not repeat the icon image */
width: 100%; /* Full-width */
font-size: 16px; /* Increase font-size */
padding: 12px 20px 12px 40px; /* Add some padding */
border: 1px solid #ddd; /* Add a grey border */
margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
border-collapse: collapse; /* Collapse borders */
width: 100%; /* Full-width */
border: 1px solid #ddd; /* Add a grey border */
font-size: 18px; /* Increase font-size */
/* display: block;
overflow: auto;
height: 500px; */
}

#myTable th,
#myTable td {
text-align: left; /* Left-align text */
padding: 12px; /* Add padding */
}

#myTable tr {
/* Add a bottom border to all table rows */
border-bottom: 1px solid #ddd;
}

#myTable tr.header,
#myTable tr:hover {
/* Add a grey background color to the table header and on hover */
background-color: #f1f1f1;
}

.filter-section {
display: flex;
margin-bottom: 6px; /* Add some space below the filters */
gap: 12px; /* Add some space between the filters */
}

.filter-name {
font-size: 14px; /* Increase font-size */
color: #666666;
}

.dropdown {
border: 1px solid #ddd; /* Add a grey border */
border-radius: 5px;
font-size: 16px;
padding: 1px; /* Add padding */
}

.request-link:link,
.request-link:visited {
text-decoration: none;
color: #4050c7;
}

.request-link:hover,
.request-link:active {
color: #4050c7;
}

Я попробовал несколько решений, которые нашел на Stack Exchange, но пока безуспешно. Я не решаюсь вставлять сюда какой-либо код, потому что пока ничего не помогло.

Подробнее здесь: https://stackoverflow.com/questions/790 ... u-with-url