href внутри <option>, вложенного в <datalist> - PullRequest
Новая
       22

href внутри <option>, вложенного в <datalist>

0 голосов
/ 06 марта 2020

Можно ли поместить <option> с href внутри <datalist>?

Например: 

    <input type="image" src="SearchIconBlack.png" alt="Search Icon" onclick="SearchVisible()">
<form>
    <label>
        <input list="Websites" id="SearchBar" name="search" placeholder="Search" type="text">
    </label>
    <datalist id="Websites">
        <option value="Home Page">Home</option>
        <option value="About Us">About Us</option>
    </datalist>
</form>

Как вы можете смотрите внутри тега option, я хочу добавить элемент href. Возможно ли это?

1 Ответ

0 голосов
/ 06 марта 2020

Этого можно достичь с помощью jquery

$(document).ready(function() {
       $("[list='Websites']").on("input propertychange", function() {
       window.location = $("#Websites option[value='"+$("[list='Websites']").val()+"']").find("a").attr("href")
   });
});

, цитируя { ссылка }. Пожалуйста, посмотрите, работает ли это.

...