如何使用javascript使用选项标记中给定的值检索选项标记的文本？

1）如何使用选项标签中给定的值检索单个选项的文本（无论选择了哪个选项），假设我已经选择了菠萝，但我想稍后在程序中获取其他水果的名称（例如：我选择了菠萝，但后来在程序中，我想知道值为3的选项标签中的水果是什么，即这里的橙色），我想使用给定的值来做。（比如从其值3中检索橙色） 是的，如果它是选中的项目，我们有很多选项，但是如果它不是当前选中的项目呢？我想使用javascript。

2）如何使用选项标记中给定的值检索所有元素。

3）以及如何使用给定的值（在选项标记中）对其进行排序并将其存储在数组中？（目的不是按字母顺序排序，而是使用给定给它的选项标记的值进行排序，我应该能够按苹果、香蕉、橙色、菠萝的顺序存储数组中的元素）

HTML结构

<form>Select your favorite fruit:
    <select id="mySelect">
        <option value="4">Pineapple</option>
        <option value="2">Banana</option>
        <option value="3">Orange</option>
        <option value="1">Apple</option>
    </select>
</form>

选择您喜爱的水果：
菠萝
香蕉
橙色
苹果

（很抱歉把许多问题放在一个地方，我是stackoverflow新手）

函数getSelectValues（selectId）{
let option=document.getElementById（selectId）；
让valEls=option.getElementsByTagName（'option'）；
让值=[]；
对于（变量i=0；i

此外，为了对select进行排序，这里给出了答案：

---

通过元素id获取元素并处理所选选项：

var sel = document.getElementById('mySelect');

var opt = sel.options[sel.selectedIndex];

console.log(opt.value);

console.log(opt.text);

---

你要求了很多东西

您可以只收集

UI

，然后稍后将其推送到一个数组中，并根据需要使用它

let optionsUI=document.getElementsByTagName（“选项”）
让选项=[]
for（设i=0；i

选择您喜爱的水果：
菠萝
香蕉
橙色
苹果

只需对选项列表进行排序，并在其上循环，然后获取所有内部文本

let a=document.getElementsByTagName（'option'）；
var值=[]；
函数排序列表（a）{
//对选项列表进行排序
对于（i=0；i<（a.长度-1）；i++）{
对于（j=i+1；j<（a.长度）；j++）{
如果（a[i].value>a[j].value）{
a[i].parentNode.insertBefore（a[j]，a[i]）；
}
}
}
对于（k=0；k
选择您喜爱的水果：
菠萝
香蕉
橙色
苹果
ya但是这部分代码>options.sort（函数（a，b）{if（b.nameselectedIndex

请参阅我的问题涉及检索当前未选中的其他元素。如果是选中的索引，则检索文本很容易。我想获取某个特定选项的文本，并在其标记。使用该值可以获取文本吗？

var sel = document.getElementById('mySelect');

var opt = sel.options[sel.selectedIndex];

console.log(opt.value);

console.log(opt.text);