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

How to select last index value in drop-down by?

本文关键字：选择 最后一个 索引值 下拉列表      更新时间：2023-09-26

如何使用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.

您可以使用document。querySelectorAll("选择[name ="码字"]选项:胎")[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>

您的示例似乎表明name是标记中select的唯一值。

您可以使用document.querySelector获取该项目，然后读取或操作它。

const unique = document.querySelector('select[name="unqiue"]');
const valueLast = unique.lastElementChild.value;
console.log(valueLast);
const textLast = unique.lastElementChild.textContent;
console.log(textLast);
unique.selectedIndex = unique.length - 1;
<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>

ParentNode.lastElementChild

Node.textContent

HTMLSelectElement.selectedIndex

HTMLSelectElement

相关文章：