2012-08-22 19 views
2

比方说,我有一个下拉这样的:让<select>选项“单击”自动

<div class="selector"> 
    <select name="perPage"> 
     <option value="5">5</option> 
     <option value="10">10</option> 
     <option value="15">15</option> 
     <option value="25">25</option> 
    </select> 
</div> 

我知道PHP和JavaScript(jQuery的),所以在任何一个解决方案是就好了。但我在它下面有一个submit按钮,而不是那个,我想知道是否有一种方法可以点击下拉菜单,选择您的价值,然后让它自动发送,OUT必须点击提交?

回答

8

您可以使用选择的“平变化”元素:

<select name="dropdown" id="dropdown" onchange="this.form.submit()"> 

这只能使用JavaScript,而无需加载整个jQuery库的 - 除非你使用JQuery的网站上的其他功能。

+2

没有这个jQuery所需要的。 – j08691

+0

你先生很出色,谢谢!其他答案是好的,但如果我不必打开JS文件,我宁可不要。谢谢! – Xhynk

0
$('select[name="perPage"]').on('change', submitForm); 

其中submitForm是一个提交表单的函数。

1

指定一个ID来选择,例如selectID,再加入jQuery的形式:

$('#selectID').change(function(){ 
    this.form.submit() 
}); 
2

您可以使用jQuery听change事件,并自动提交父窗体。类似这样的:

$('.selector select[name=perPage]').on('change', function(e) { 
    $(e.currentTarget).closest('form').submit(); 
});