当前位置:首页>开发>正文

如何用JS选择这个下拉框的选项 jquery怎么设置下拉列表被选中

2023-07-04 03:53:22 互联网 未知 开发

 如何用JS选择这个下拉框的选项 jquery怎么设置下拉列表被选中

如何用JS选择这个下拉框的选项

document.getElementById(你的id).options[第i个].text //第i个下拉框显示的值
document.getElementById(你的id).options[第i个].value//第i个下拉框返回的值
document.getElementById(你的id).options[document.getElementById(你的id).selectedIndex].text//下拉框选中的值

jquery怎么设置下拉列表被选中

参考以下两种方法:

设置option的selected属性为true
设置select标签的value值为需要选中的值
实例演示如下:
1、根据演示需要,给出一个示例HTML结构
option-1 option-2 option-3 2、jquery代码 $(function(){ // 方法1:设置option的selected属性为true $("#btn1").click(function() { // 第一个按钮单击事件 $("select option").each(function() { // 遍历所有option,如果option内容为option-2,就设置起selected属性为true if($(this).text()=="option-2") $(this).prop("selected",true) }) }) // 方法2:设置select标签的value值为需要选中的值 $("#btn2").click(function() { // 第二个按钮的单击事件 $("select").val("3") // 设置option值为3的选项选中 }) })3、效果演示

jquery 操作下拉框 选中某项 怎么写?

用jquery怎么判断下拉框选中的值

参考如下代码
$("select").val()  // 选中项目的value值
$("select option:checked").text() // 选中项目的显示值示例如下:
1.创建Html元素


请选择:
<select id="sel">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
    <option value="4">选项4</option>
</select>
<input type="button" value="点击查看被选项目">


2.编写jquery代码


$(function(){
    $("input").click(function() {
        a = $("#sel").val()
        b = $("#sel option:checked").text()
        alert("被选项目的值:" a ",被选项目的显示值:" b "。")
    })
})


3.显示效果




最新文章