我需要从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中所选值的“日期”值?
答案 0 :(得分:1)
如果DOM无法访问,您无法通过jQuery或JS获得模型日期。要使其工作,您可以为每个选项填充data-date属性,然后使用数据函数检索它们。
$('#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;