我有一个选择菜单，一旦单击其中一个选项就会触发AJAX请求。我需要从链接触发相关选项的click事件。所以我有类似下面的代码，虽然它改变了select的值，但它不会模拟点击：
$('#click').click(function(){
var value = $(this).attr("rel");
$('#select').val(value);
return false;
});
<select id="select" name="select">
<option>Select...</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<a href="#" rel="1" id="click">Click for option 1</a>
任何帮助将不胜感激。
触发选项上的单击事件将不起作用。这是一个代码片段：
$('#click').on('click', function(){
var value = $(this).attr('rel'); //get the value
value++; //increment value for the nth-child selector to work
$('#select')
.find('option:nth-child(' + value + ')')
.prop('selected',true)
.trigger('change'); //trigger a change instead of click
return false;
});
我设置了一个小提琴 这里 显示相同。 这应该工作。
您可以触发更改事件并获得相同的效果，而不是使用单击。
触发选项上的单击事件将不起作用。这是一个代码片段：
$('#click').on('click', function(){
var value = $(this).attr('rel'); //get the value
value++; //increment value for the nth-child selector to work
$('#select')
.find('option:nth-child(' + value + ')')
.prop('selected',true)
.trigger('change'); //trigger a change instead of click
return false;
});
我设置了一个小提琴 这里 显示相同。 这应该工作。
您可以触发更改事件并获得相同的效果，而不是使用单击。
$('#click').click(function(){
var value = $(this).attr("rel");
$('#select')
.val(value)
.trigger('click');
return false;
});
仅仅设置一个值 <select> 不会触发该元素的click事件;它必须直接调用。
它是WooCommerce核心的一部分，所以我无法发布所有内容。但这里有一个片段，虽然我不太确定它会告诉你多少......
.on( 'change', '.variations select', function( event ) {
$variation_form = $(this).closest('form.variations_form');
$variation_form.find('input[name=variation_id]').val('').change();
$variation_form
.trigger( 'woocommerce_variation_select_change' )
.trigger( 'check_variations', [ '', false ] );
$(this).blur();
if( $().uniform && $.isFunction( $.uniform.update ) ) {
$.uniform.update();
}
} )