首页 > 其他分享 >select标签如何实现 每个option传递多个值

select标签如何实现 每个option传递多个值

时间:2022-12-04 07:55:30浏览次数:43  
标签:term option 多个 标签 传递 item select

设计项目时 我们有时候会利用 <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 向服务器传递多个值。

 

标签:term,option,多个,标签,传递,item,select
From: https://www.cnblogs.com/sunzzhankui/p/16949360.html

相关文章