当前位置:   article > 正文

二级联动下拉列表框选中值后,保存id,name值的方法_lucksheet使用了下拉,怎么将数据保存时保存id

lucksheet使用了下拉,怎么将数据保存时保存id

  第一步,在jsp页面添加隐藏的输入框,保存下拉选框选中的内容  

  <input type="hidden" name="recipientname" id="recipientname"/>   

     <label class="col-sm-2 control-label">收件人</label>

           <div class="col-sm-3">
                       
                        
           <select class="form-control required" name="recipientid" style="width:140px" id="guideInfo">
                              
              </select>

         </div>



    function getrecipient(recipienttype){
        //alert(recipienttype);
        var select  = $("#recipienttype").val();
        $.ajax({
            type: "GET",
            //url: "${ctx}/guest/findname",
            url: "${ctx}/"+select+"/findname",
            data:{},
            success : function(data) {
                     //alert(eval(data));
                    var arr = eval(data);
                    //添加之前要先清空下拉列表中的值,否则会重复
                    $("#guideInfo").empty().html(data);
                   for(var i=0;i<arr.length;i++){
                       //alert("<option value='"+arr[i].id+"'>"+arr[i].name+"</option>");
                       $("#guideInfo").append("<option value='"+arr[i].id+"'>"+arr[i].name+"</option>");
                       $("#info").append("<option value='"+arr[i].name+"'>"+arr[i].name+"</option>");
                       //alert(arr[i].id+"ddd"+arr[i].name);
                       
                   }  
                }
        });


     function submits(){
        /* alert($("#contents").html()); alert($("#contents").val());*/

       第二步:用ajax取得下拉选框的值

       var txt=$("#guideInfo").find("option:selected").text();

       第三步:将取到的值赋值给隐藏input
        $("#recipientname").val(txt);
        //alert(txt);
        $("#inputForm").submit();
    }

 这样就可以把下拉选框,选中的人员id和name都保存在数据库中另一张表中了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/396083
推荐阅读
相关标签
  

闽ICP备14008679号