Javascript 不选择select id。获取值

我想在不点击选择标签的情况下获得选择选项

Jquery

    var sub = $('#xyz').option[value = 14]
    $('#test').text(sub)

我试过的其他jquery代码

 var sub = $('select[name="abc"] option[value= '14']');
 $('#test').text(sub)

HTML

使用$xyz选项[value='14'].text获取指定其值的选项的文本

下面是一个例子

console.log$xyz选项[value='14'].text 苹果 香蕉 菠萝

---

您不需要jQuery，它在普通Javascript中非常简单

xyz.querySelector(`option[value="14"]`).textContent

获取value属性为14的选项的文本值

input.addEventListener'input'，e=>{ test.textContent=`{e.target.value}是`+xyz.querySelector`选项[value=${e.target.value}]`.textContent； } 苹果 香蕉 菠萝

---

当前值为：

不确定要执行什么操作，但一旦将“14”替换为14，您尝试的第二个代码实际上是正确的，因为字符串以“：

---

我对jQuery很生疏，但要在Vanilla JS中实现这一点

获取可更新的内容框和选项列表 从生成的选项列表中创建一个可映射数组 过滤到您想要的选项 更新您的内容框 const textBox=document.getElementById'test'； const options=document.querySelectorAll'xyz option'； 让option=Array.fromoptions，option=>{value:Numberoption.value，text:option.textContent} .filterentry=>entry.value==12 流行音乐 textBox.textContent=`${option.value}:${option.text}`； 苹果 香蕉 菠萝

---

这是段落中的粗体文本。

@epascarello它解决了OP所述的问题。这个问题并不明确需要jQuery，而且它也被标记了。所以，请详细说明我是如何错过回答OP的问题的。我想在不点击选择标签的情况下获得选择选项。你的演示snipplet不起作用了。只需增加和减少选择旁边的输入。它会在您更改选项文本时立即告诉您哪个选项文本与该值匹配。@connexo但这不是OP想要的方式。它是如何解决固有问题的扩展演示。你怎么知道OP到底想要什么？

xyz.querySelector(`option[value="14"]`).textContent

var sub = $('select[name="abc"] option[value= "14"]');

$('#test').text(sub.text()) // PineApple