如何引用此列表/选项？ [复制]答案

【问题标题】：How do I href this list / options? [duplicate]如何引用此列表/选项？ [复制]
【发布时间】：2017-05-10 04:10:06
【问题描述】：

#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>

href 这个怎么做？

请有人帮帮我。

就像我想做的那样，如果有人点击他们链接到 URI / URL 的选项

提前致谢

【问题讨论】：

你的意思是什么？
忽略这个？？？。
不知道你想在这里做什么。做和href 是HTML 101 的东西。
这个网站至少需要一些文字，我刚刚发布了“忽略这个”以增加字数
我如何引用这些选项，所以如果他们点击其中任何一个，我可以将其链接到另一个 URI

标签： javascript html css

【解决方案1】：

试试这个：

<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>

参考：using href links inside <option> tag。一定要给原人的想法一个赞成票:)

【讨论】：

【解决方案2】：

使用选择而不是像这样的输入

<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/>

然后这些脚本文件在

<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>

现在写这个：

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

【讨论】：

这如何用于href？