如何在 jquery 中选择一个没有价值的选项？答案

【问题标题】：How to choose an option in jquery without value?如何在 jquery 中选择一个没有价值的选项？
【发布时间】：2016-12-17 00:05:54
【问题描述】：

我要选择选项，请继续

  $('.test1').eq(0).val('3');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="test1">
  <option href='1'>1</option>
  <option href='2'>2</option>
  <option href='3'>3</option>
  <option href='4'>4</option>
  <option href='5'>5</option>
</select>

所以自动，直接进入选择的选项3 但是，如果该值不是数字怎么办。但信。因此，仅通过查看href 选项上的数字，而不是通过value。像这样：

<select class="test2">
  <option href='1'>A</option>
  <option href='2'>B</option>
  <option href='3'>C</option>
  <option href='4'>D</option>
  <option href='5'>E</option>
</select>

如何获取C的值？

这是我的测试https://jsfiddle.net/apycb97q/

【问题讨论】：

你的option标签错了，需要给每一个定义一个值，后面可以通过$(select).val("optionValue")来选择
href?在就 Stack Overflow 提问之前，请先做一些研究。看看the documentation 会告诉你发生了什么。
那是无效的 HTML？！

标签： jquery html ajax

【解决方案1】：

在选项标签中使用value 属性：

<select class="test1">
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>


$(document).ready(function() {
    $('.test1').val('3'); // set a value in your dropdown
    $('.test1').val(); // get the value selected in your dropdown
)};

【讨论】：

【解决方案2】：

按价值来说，对我有用的 jQuery 1.7 是下面的代码，试试这个：

<select id="test1">
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

$('#test1 option[value=theOptionValue]').prop('selected', 'selected').change();

【讨论】：