select通过text的值来进行选定来进行

最新推荐文章于 2023-02-24 11:36:16 发布

zhuguorong11

最新推荐文章于 2023-02-24 11:36:16 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/zhuguorong11/article/details/70187331

前端专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用jQuery实现下拉选项改变时更新显示文本的方法。通过两种方式展示了如何根据选中的值来设置另一个选择器的默认选项。适用于前端开发人员学习与参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var selectVal = $(this).val();
    $("#ipinfo").text(selectVal);
    //第一种$("#s0").find("option[text='"+($(this).val())+"']").attr("selected", "selected");
    
    //第二种
    $("#s0 option").each(function(){
        if($(this).text() == selectVal){
            $(this).attr({"selected":true});
            //$(this).text(selectVal);
//            alert($(this).text());
//            alert(selectVal);
        }else{
            $(this).attr({"selected":false});
        }
    });