前端下拉复选框的使用(这里只有讲述新增时获取值以及查看详情时对他进行赋值)...

- 日理万妓 2021-10-15 01:49 88阅读 0赞

实现效果：

![1665222-20190729101752177-1878215636.png][]

导入js以及css:

![1665222-20190729101856838-1112052674.png][]

html代码：

![1665222-20190729102026042-377487499.png][]

js代码：

![1665222-20190729102211976-209693273.png][]

判断是否为空：

//途径省份  
var rName = $(".ltlRegionName").val();  
$(".ltlRegionName2").empty();  
if (rName == null) \{  
$(".ltlRegionName2").append("<img src='/Images/validateFalse.png'/> 不可为空！");  
\}

查看详情赋值：

var selectedData = \[\];

selectedData = data.infoList\[0\].ltlRegionName.split(',');  
select2WithData2(selectedData);//给下拉复选框赋值

ef循环新增多个省份：

js:

$.ajax(\{  
url: "/BaseInfoPage/add",  
data: \{  
ltlId: $("\#ltl\_Id").val(),  
ltlRegionName: $(".ltlRegionName").val()  
\},  
type: "POST",  
dataType: "JSON",  
success: function (data) \{  
if (data > 0) \{  
layer.msg('添加成功!', \{ icon: 1, time: 1000 \}, function () \{  
delMenuCookie("大件运输许可管理添加", "大件运输许可管理");  
\});  
\}  
\}  
\})

控制器：

/// <summary>  
/// 新增多个省份信息  
/// </summary>  
/// <param name="ltlId"></param>  
/// <param name="ltlRegionName"></param>  
/// <returns></returns>  
public ActionResult add(string ltlId, string\[\] ltlRegionName)  
\{  
int result = 0;  
try  
\{  
//组装数据  
List<string> IdLists = new List<string>();  
if (ltlRegionName\[0\] != null)  
\{  
for (int i = 0; i < ltlRegionName.Length; i++)  
\{  
IdLists.Add(ltlRegionName\[i\].ToString());  
\}

\}  
result = large\_util.Add(ltlId, IdLists);  
\}  
catch (Exception)  
\{

throw;  
\}  
return Json(result);  
\}

后台接口：

public int Add(string lId, List<string> Ids)  
\{  
int result = 0;  
try  
\{  
LargeRegionRelation datas = null;  
foreach (var item in Ids)  
\{  
if (item != "")  
\{  
string listId = item;  
datas = new LargeRegionRelation  
\{  
lr\_ltlId = lId,  
lr\_RegionId = listId  
\};  
using (cmEntities db = new cmEntities())  
\{  
db.LargeRegionRelation.Add(datas);  
db.SaveChanges();  
result = 1;  
\}  
\}  
else  
\{  
result = 0;  
\}  
\}  
return result;

\}  
catch (Exception)  
\{  
throw;  
\}  
\}

转载于:https://www.cnblogs.com/-lile/p/11262439.html

[1665222-20190729101752177-1878215636.png]: /images/20211015/b7ec16444aca425ebbdfa5a86f52b36f.png
[1665222-20190729101856838-1112052674.png]: /images/20211015/1ece381b1e7c4b59807cf6f2958ccf2e.png
[1665222-20190729102026042-377487499.png]: /images/20211015/9d44ea4dcbab4586a5d83703da052a42.png
[1665222-20190729102211976-209693273.png]: /images/20211015/0b90ecc674264181ab40823aab1d80f2.png