Question

<tfoot>
    <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

我试过了：

$('tfoot select').val('zaza');

$("tfoot select").val("zaza")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tfoot>
    <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

有什么想法吗？选择=使其选中=触发更改事件

Answer 1

您可以使用：

$('option[value="222"]')

一般来说，

$("tag[attr=value]")将使用attributte tag和值attr

搜索value

要选择它，

$('option[value="222"]').prop("selected", true);

Answer 2

$(function () {
  $("#clientList").children('[value="zaza"]').attr('selected', true);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tfoot>
    <select id="clientList">
        <option value="222">222</option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

Answer 3

这是你想要的吗？我“选择”$(document).ready

上的值

<tfoot>
  <tr>
    <td>
       <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
       </select>
    </td>
  </tr>
</tfoot>

<script>
    $(function(){
        $("tfoot select").val("zaza");
    });
</script>

https://jsfiddle.net/0skmm4pp/

顺便说一下，<tfoot>代码错误，您错过了<tr>代码和<td>代码。或者您可以使用rupps回答。

Answer 4

您可以使用属性selectedIndex选择该选项：

var selectedIndex = $('select').prop('selectedIndex');
var option= $('select').find('option:eq(' + selectedIndex + ')');

或者只是通过索引定位它：

var option= $('select').find('option:eq(0)');

或直接定位：

var option = $('option[value="zaza"]');

要选择上述任何参考，请使用：

option.attr('selected', true);

＆＃13;

$('button').on('click', function() {
  var option = $('option[value="zaza"]');
  option.attr('selected', true);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tfoot>
    <select>
        <option value="222" selected>selected</option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

<button>Change</button>

＆＃13;

JQUERY：如何按值选择选项？

4 个答案: