如何使用 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('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>
关于javascript - 如何在下拉列表中选择最后一个索引值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39532932/