我试图在单击链接时更改下拉菜单的值。我已经尽职调查并相信这可以用“prop”来完成..但我不确定我将如何在我的特定示例中使用 prop。到目前为止我使用的代码是...:
var $select = $('#finder-3--16');
$('a[href="#yearselect"]').click(function () {
$select.val( $(this).data('select') );
});
单击链接时,它会设置值但不会更改它(因此不会触发绑定(bind)到 onchange 的事件)。链接示例如下所示...:
<a href="#yearselect" data-select="125921">2009</a>
我相信我必须以某种方式返回值然后使用它,但不确定如何去做。任何帮助将不胜感激!
onchange 函数可以在这里看到:
onChange: function(event)
{
var select = Event.element(event);
var parentId = select.value;
var dropdownId = 0;
/* should load next element's options only if current is not the last one */
for (var i = 0; i < this.selects.length; i++){
if (this.selects[i].id == select.id && i != this.selects.length-1){
var selectToReload = this.selects[i + 1];
if (selectToReload){
dropdownId = selectToReload.id.substr(selectToReload.id.search('--') + 2);
}
break;
}
}
}
谢谢!
最佳答案
如果您要询问与 select
的更改绑定(bind)的事件,请尝试
$select.val( $(this).data('select') ).change();
或.trigger('change')
它将触发更改事件,该事件将调用您的更改回调..
关于javascript - jQuery - 单击链接时更改下拉列表的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19014136/