二级联动下拉列表框选中值后,保存id,name值的方法
来源:互联网 发布:c罗不结婚 知乎 编辑:程序博客网 时间:2024/04/26 01:55
第一步,在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都保存在数据库中另一张表中了
- 二级联动下拉列表框选中值后,保存id,name值的方法
- 下拉列表的二级联动
- JavaScript下拉列表的二级联动
- 纯js下拉列表二级联动 php取得值
- 二级联动的下拉框
- android Spinner实现一个二级联动的下拉列表,选定省份后,城市的下拉列表出现相应变化
- EXT 二级联动下拉列表
- EXT 二级联动下拉列表
- comboBox二级联动下拉列表
- jquery ajax 下拉框三级无刷新联动,并保存保持选中值状态
- JavaScript html js页面刷新之后下拉菜单选中值不变,在按钮提交后保存下拉列表中值不变
- 下拉框二级联动
- 极好的无刷新二级联动下拉列表
- struts+dwr实现下拉列表的二级联动
- 下拉列表的二级联动(省、市)
- 简单的下拉框二级联动
- 关于extjs的下拉框二级联动
- Jeesite下拉框的二级联动
- 常用shell脚本片段
- iOS之TableView左划删除与刷新单挑数据
- GCD线程之间的通信
- SwipeRefreshLayout完美添加及完善上拉加载功能
- 基于codeMirror的实时在线编辑器
- 二级联动下拉列表框选中值后,保存id,name值的方法
- CentOS yum No module named yum
- uva 10917 Walk Through the Forest(最短路)
- POJ 2352 Stars
- 让Android Support V4中的SwipeRefreshLayout支持上拉加载更多
- 客户的客户才是你的客户
- QPS 与 TPS
- UI之手势识别器 注意
- Labeling Balls(POJ--3687