Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/objective-c/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript获取Select的显示值 一个 两个 三_Javascript - Fatal编程技术网

如何使用javascript获取Select的显示值 一个 两个 三

如何使用javascript获取Select的显示值 一个 两个 三,javascript,Javascript,我使用的是document.getElementById(“示例”).value以获取值 我想显示文本而不是值。例如,value=1-->一个。如何获取One文本?在纯JavaScript中,您可以执行以下操作: const show=()=>{ const sel=document.getElementById(“示例”);//如果只调用onchange,则为 设value=sel.options[sel.selectedIndex].value;//或仅设sel.value 让text=s

我使用的是
document.getElementById(“示例”).value以获取值


我想显示文本而不是值。例如,
value=1-->一个
。如何获取
One
文本?

在纯JavaScript中,您可以执行以下操作:

const show=()=>{
const sel=document.getElementById(“示例”);//如果只调用onchange,则为
设value=sel.options[sel.selectedIndex].value;//或仅设sel.value
让text=sel.options[sel.selectedIndex].text;
console.log(值、文本);
}
addEventListener(“加载”,()=>{//on-load
document.getElementById(“示例”).addEventListener(“更改”,显示);//更改时显示
show();//show onload
});

一个
两个
三

这里,当页面加载时,使用jquery获取所选文本和值

<Select>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</Select>
参考此

这很有效

$(document).ready(function () {
var ddlText = $("#ddlChar option:selected").text();
var ddlValue = $("#ddlChar option:selected").val();
});

显然不是这里的问题。这将是
$(“#示例…
在OP的示例中海报希望文本显示在select中,这与值不同。
jQuery('#Example').change(function(){ 
    var value = jQuery('#Example').val(); //it gets you the value of selected option 
    console.log(value); // you can see your sected values in console, Eg 1,2,3
});