html中JQ（jquery）中获取select被选中的值

韩淼燃

于 2019-05-16 17:35:37 发布

阅读量6.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：闲聊文章标签： html select

本文链接：https://blog.youkuaiyun.com/weixin_36691991/article/details/90268275

闲聊专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一种使用PHP动态生成下拉菜单的方法，并结合JavaScript实现选择事件的监听。通过foreach循环遍历数据，为每个选项添加条件判断以实现预选状态。同时，利用jQuery简化事件处理，当菜单项被选择时，可以获取并处理所选值。

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



<select name="r_id" class="r_id">
                            <option value="">请选择班级</option>
                            {foreach $data as $vo}
                            <option value="{$vo.r_id}" {if condition="input('r_id')==$vo.r_id " }selected{/if}>{$vo.name}</option>
                            {/foreach}
                        </select>


<script>
    $('.r_id').change(function () {
       var checkValue =  $("select option:selected").val();
        
    })
</script>