Question

我想制作选择选项，然后继续

  $('.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/

Answer 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
)};

Answer 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();

如何在没有值的情况下选择jquery中的选项？

2 个答案: