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

Question

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

<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 检查 selected 值。但我不知道如何才能读取与 jQuery 中的 selected 值关联的 'date' 值？

Answer 1

如果 DOM 无法访问，您无法通过 jQuery 或 JS 真正获取模型日期。为了使这项工作有效，您可以为每个选项填充数据日期属性，然后使用数据函数检索它们。

$('#myselect').change(onChange);
function onChange() {
  var selectedOption = $('#myselect option:selected');
  var date = selectedOption.data("date");
  console.log(date);
}

<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>

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

How to set and read multiple values from JSP(select) to jQuery?

javascript

jquery

jsp

jstl