Wie finde ich diese Liste/Optionen?

Question

#episode-list { 
 
    padding: 1em; 
 
    margin: 1em auto; 
 
    border-top: 5px solid #69c773; 
 
    box-shadow: 0 2px 10px rgba(0,0,0,.8) 
 
} 
 

 
input { 
 
    width: 100%; 
 
    padding: .5em; 
 
    font-size: 1.2em; 
 
    border-radius: 3px; 
 
    border: 1px solid #d9d9d9 
 
}

<div id="episode-list"> 
 
    <input type="text" id="default" list="episodes" placeholder="Episodes"> 
 
    <datalist id="episodes"> 
 
     <option value="HTML">S1 E1</option> 
 
     <option value="CSS">S1 E2</option> 
 
     <option value="JavaScript"></option> 
 
     <option value="Java"></option> 
 
     <option value="Ruby"></option> 
 
     <option value="PHP"></option> 
 
     <option value="Go"></option> 
 
     <option value="Erlang"></option> 
 
     <option value="Python"></option> 
 
     <option value="C"></option> 
 
    </datalist> 
 
</div>

Wie dies href?

Jemand bitte helfen Sie mir.

wie ich es will machen, damit, wenn jemand auf die Optionen klickt sie auf einen URI/URL

Vielen Dank im Voraus

Answer 1

Verwendung verlinkt wird wählen statt Eingang wie diese

<select id="default" multiple="true" style="width:400px;" > 
    <div id="txtHint"> 
    <option value="HTML">S1 E1</option> 
     <option value="CSS">S1 E2</option> 
     <option value="JavaScript"></option> 
     <option value="Java"></option> 
     <option value="Ruby"></option> 
     <option value="PHP"></option> 
     <option value="Go"></option> 
     <option value="Erlang"></option> 
     <option value="Python"></option> 
     <option value="C"></option> 
    </div> 
</select><br/> 

und dann diese Skriptdatei in

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css"> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script> 

schreiben jetzt das:

<script> 
$(document).ready(function(){ 
    $("#default").chosen(); 
}); 
</script> 

Answer 2

Try this:

<select id="episodes" onchange="location = this.value;"> <!-- when an option is selected, redirect to the value !--> 
    <option value="./location1.php">Location1</option> <!-- change values to what is required !--> 
    <option value="./location2.php">Location2</option> 
    <option value="./location3.php">Location3</option> 
</select> 

Referenz: using href links inside <option> tag. Seien Sie sicher, der Idee des ursprünglichen Kerls ein upvote zu geben :)