我有许多选择框已设置为接受多个值.反正我是否可以使用jQuery来获取最后选择的值?我尝试过使用以下内容:
var latest_value = $("option:selected",this).val();
Run Code Online (Sandbox Code Playgroud)
它没有任何回报.我只想要最后选择的值而不是值数组.
先感谢您
正如我所要求的那样HTML我已经将列表缩小了,因为它太长了:
<select id="style-list" name="style-list[]" class="attrs" multiple="multiple">
<option value="7">2 Pack</option>
<option value="10">3 Pack</option>
<option value="12">4 Pack</option>
</select>
Run Code Online (Sandbox Code Playgroud)
然后在页面顶部我有以下内容(我有8个,但我已经展示了一些,以便您可以看到我正在使用多选小部件的多个实例:
$(document).ready(function(){
$("#product-list").multiselect({
selectedList: 4,
noneSelectedText: "Product",
minWidth: 190
}).multiselectfilter();
$("#style-list").multiselect({
selectedList: 4,
noneSelectedText: "Style",
minWidth: 190
}).multiselectfilter();
$("#feature-list").multiselect({
selectedList: 4,
noneSelectedText: "Features",
minWidth: 190
}).multiselectfilter();
});
Run Code Online (Sandbox Code Playgroud)
然后我在一个单独的js文件中有这个:
$(function(){
$(".attrs").on("multiselectclick", function(event, ui){
var latest_value = $('option', this).filter(':selected:last').val();
alert (latest_value);
var view = $("#currentview").val();
var page = 1;
run_ajax(view,page);
});
})
Run Code Online (Sandbox Code Playgroud)
谢谢
我有以下HTML代码:
<div>
<span>Products per page:</span>
<a class="selectview" href="/womens-clothing/shorts?page=1&view=20">20</a>
<a class="selectview" href="/womens-clothing/shorts?page=1&view=200">200</a>
<div>
Run Code Online (Sandbox Code Playgroud)
和jQuery如下:
jQuery('.selectview').click(function (ev) {
ev.preventDefault();
var alink = jQuery(this).attr('href');
var view = getLinkVars(alink)["view"];
var page = jQuery("#currentpageno").val();
alert(alink);
alert(view);
alert(page);
run_ajax(view,page);
});
Run Code Online (Sandbox Code Playgroud)
如果我点击任何链接,代码第一次运行正常; 我看到警报和ajax代码运行正常,但是当我第二次点击它时,整个页面都刷新,没有显示警报.然后,如果我再次点击它可以工作,那么当我再次点击它时它会工作,依此类推.
我能做错什么?