动态选择框获取选择值并修改数据库操作

原创于 2018-06-06 09:53:41 发布 · 601 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了一段用于处理用户在网页上选择不同快递方式的JavaScript代码。该代码通过监听下拉菜单的选择变化来获取用户的快递选项，并将这些选项拆分为快递名称与订单ID两部分。虽然示例中未完整展示后端交互逻辑，但展示了如何使用JavaScript进行前端的数据处理。

<td class="row-header" colspan="999">
   选择快递方式：<select  class="expsel">
                     <volist  name="v['express']" id="vo">
                           <option  value="{$vo},{$v.orderid}">{$vo}</option>
                     </volist>
                </select>
</td>

JS代码

        $(function(){


            $(".expsel").change(function(){
                var selected = $(this).val();

                var arr=new Array();
                arr=selected.split(',');
                console.log(arr);
                var express = arr[0];
                var id=arr[1];
                // $.post("{:U('Ajax/ajax_express')}",{id:id,express:express},function (data){
                //     //console.log(data);
                //     if(data.sta==1){
                //         layer.msg(data.msg);
                //         window.location.reload();
                //     }else {
                //         layer.msg(data.msg);
                //     }
                // },"json");
            })
        })