二级联动下拉列表框选中值后，保存id，name值的方法

  第一步，在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都保存在数据库中另一张表中了