我们如何在 <option> 和 </option> 之间插入值到 phpmyadmin 数据库中，而不是选项值？

Question

我已经创建了一个下拉列表与链接的选项，但当我提交表单，链接进入数据库，而不是选项标签内的值。

<select name="loc" id="location" onchange="setIframeSource()"> 
<li>TV</li>
<option value = "" disabled selected>Select Channel</option>
<option name="News" Value="News"><p>News</p></option>
<option name="ABC News" value="https://www.youtube.com/embed/w_Ma8oQLmSM">ABC News</option> 
<option name="RT" value="https://www.youtube.com/embed/NvCSr7qzAAM?rel=0&showinfo=0&modestbranding=1" frameborder="0" allowfullscreen="">RT</option> 
<option name="Bloomberg Live" value="https://www.youtube.com/embed/dp8PhLsUcFE?rel=0&modestbranding=1">Bloomberg Live</option> 
<option name="Skynews" value="https://www.youtube.com/embed/x5EZPXBuh7g">Sky News</option> 

</select>

我这里的问题是，而不是传递链接到数据库，我想要频道的名称，说ABC新闻在数据库中?

Answer 1

我不知道你是否也需要选项值。但是如果你只想要选项名值你可以使用jquery:

<script type="text/javascript">
$('#location').on('change', function() {
var selectedOption = $(this).find(':selected').attr('name');
setIframeSource();
});
</script>
<select name="loc" id="location"> 
<li>TV</li>
<option value = "" disabled selected>Select Channel</option>
<option name="News" Value="News"><p>News</p></option>
<option name="ABC News" value="https://www.youtube.com/embed/w_Ma8oQLmSM">ABC News</option> 
<option name="RT" value="https://www.youtube.com/embed/NvCSr7qzAAM?rel=0&showinfo=0&modestbranding=1" frameborder="0" allowfullscreen="">RT</option> 
<option name="Bloomberg Live" value="https://www.youtube.com/embed/dp8PhLsUcFE?rel=0&modestbranding=1">Bloomberg Live</option> 
<option name="Skynews" value="https://www.youtube.com/embed/x5EZPXBuh7g">Sky News</option> 

</select>

，然后用ajax发送selectedOption变量。