如何设置和读取JSP(select)到jQuery的多个值?

时间:2016-08-09 19:46:33

标签: javascript jquery jsp jstl

我需要从select中获取Java Script中的多个值。

<select id="myselect">
  <option value="1">desc1</option>
  <option value="2">desc2</option>
  <option value="3">desc3</option>
  <option value="4">desc4</option>
  <option value="5">desc5</option>
</select>

这是使用JSTL从以下模型

填充的
public class Model implements Serializable{
   private static final long serialVersionUID = 1L;
   String id;
   String desc;
   String date;

   public Model(){};
   public Model(String id, String desc,String date){
      this.id= id;
      this.desc = desc;
      this.date = date;
   }

   public String getId() {
      return id;
   }
   public void setId(String id) {
      this.id = id;
   }
   public String getDesc() {
      return desc;
   }
   public void setDesc(String desc) {
      this.desc = desc;
   }
   public String getDate() {
      return date;
   }
   public void setDate(String date) {
      this.date = date;
   }
}

我正在使用jQuery来检查所选值。但我不知道如何才能读取jQuery中所选值的“日期”值?

1 个答案:

答案 0 :(得分:1)

如果DOM无法访问,您无法通过jQuery或JS获得模型日期。要使其工作,您可以为每个选项填充data-date属性,然后使用数据函数检索它们。

&#13;
&#13;
$('#myselect').change(onChange);
function onChange() {
  var selectedOption = $('#myselect option:selected');
  var date = selectedOption.data("date");
  console.log(date);
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="myselect">
  <option data-date="Feb 10, 1999" value="1">desc1</option>
  <option data-date="Feb 11, 1999" value="2">desc2</option>
  <option data-date="Feb 12, 1999" value="3">desc3</option>
  <option data-date="Feb 13, 1999" value="4">desc4</option>
  <option data-date="Feb 14, 1999" value="5">desc5</option>
</select>
&#13;
&#13;
&#13;