jquery操作select

原创于 2017-05-31 12:37:08 发布 · 286 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #select

jquery特效专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用jQuery操作HTML中Select元素的方法。通过遍历选项并为Select元素添加onchange事件，可以实现选择变化时的实时响应。具体地，当用户在下拉列表中选择一个选项时，会触发一个check函数，该函数获取选中的值并通过AJAX发送一个POST请求到服务器。

jquery操作select

<span class="w70px">请选择员工</span>
  <select name="staff_id" id="checkid" onchange="check()">
      <foreach name="userinfo" item="v">
          <option value="{$v.userid}">{$v.username}</option>
      </foreach>
  </select>

jquery函数部分：

 function check(){
        var id = $("#checkid").val();//获取到当前选中的selectID

        alert(id);//打印ID
        $.ajax({
            type:"post",
            url:"{:U('Project/salary_delete')}",
            data:{'type':'delete','id':id},
            dataType:"json",
            success:function (e) {
                alert(e);
            }
        })
    }