select标签如何实现 每个option传递多个值
设计项目时 我们有时候会利用 <select> <option value="值1" > </option> </select> 向服务器传递数据,大多数传递一个值就可以了 ,有时候会传递多个值,如何实现呢?
见以下代码, 我们可以 给option标签动态设置多个属性(属性名称不能重复) 并赋值。
<select name="courseID" id="courseID"> @foreach (var item in (List<teacher_course_mapping>)ViewBag.myCourse) { <option value="@item.courseID" term="@item.term" 或 value2='' value3='' > @item.major > @item.grade > (@item.term)@item.CourseName </option> } </select>
如何获取值呢?
比如通过Ajax向服务器端传递
$.ajax({ url: '/UploadPaper/Upload", type: 'POST', processData: false, contentType: false, data: {
term:$('#courseID').find('option:selected').attr("term"),
//通过JQuery获取属性值
value2:$('#courseID').find('option:selected').attr("value2"),
}, success: function (res) { } });
这样就实现了 每个option 向服务器传递多个值。