javascript - 如何在下拉列表中选择最后一个索引值？

Question

如何使用 Javascript 读取并选择下拉列表中的最后一个索引值？

HTML 示例。

<select name="unqiue">
  <option value="number:1" label="1">1</option>
  <option value="number:2" label="2" selected="selected">2</option>
  <option value="number:3" label="3">3</option>
  <option value="number:4" label="4">4</option>
</select>

下拉值可能不同，我需要选择最后一个值 4。

Answer 1

您可以使用 document.querySelectorAll('select[name="unqiue"] option:last-child')[0] :

例子:

var lastOpt = document.querySelectorAll('select[name="unqiue"] option:last-child')[0];

//
// To select this element:
//

lastOpt.selected = true;

//
// To get the value
//

var val = lastOpt.value.replace(/\D*/, '');

console.log(val);

<select name="unqiue">
    <option value="number:1" label="1">1</option>
    <option value="number:2" label="2" selected="selected">2</option>
    <option value="number:3" label="3">3</option>
    <option value="number:4" label="4">4</option>
</select>