Question

我需要从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中所选值的“日期”值？

Answer 1

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

＆＃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;

如何设置和读取JSP（select）到jQuery的多个值？

1 个答案: