Question

嘿，我有一个选择框用长方法绑定到它 html中的选择框如下所示：

HTML：

<select id="select1">
  <option>First select Advertiser</option>
  <?php
     buildSelectOptionsFromPagination();  // Dynamically build the options list
  ?>
</select>

使用Javascript：

$('#select1').change(function(){
                alert('#select1');
                $('#innerP').remove();
                $('#innerH').remove();
                $('#waitmsg').append('  ...</h2></p>');
                $("#show_c ").attr("disabled", true);   


                 $.ajax({
                        url: 'observer.php',
                        data: "ctrl=in&v_id="+v_id,
                        success: function(data) {
                             var newData = "<option id=\"firstopt_insert\"> blah blah <\/option>" + data;
                             $('#in111').html(data);
                             $('#in222').trigger('change');

                        },
                        error: function (request, status, error) {
                            alert(request.responseText+"\nThere was an server error please refresh the page 1 ");
                        }                           
                });
            });

现在我尝试触发此选择框更改方法但没有成功从外面我触发2方法， 1.通过索引选择选项，效果很好：

$('#select1 option')[5].selected = true;

2现在我想触发更改方法方法，但没有成功，如下所示：

$('#select1').trigger('change');
or 
$('#select1').bind('change', function(){ ; });

它只是不触发任何事情，为什么？

Answer 1

用户选择选项时会触发更改事件。通过将选项的val()属性设置为true，通过jQuery selected方法设置值时，不会触发它。因此，您必须手动触发更改事件。

您的代码

$('#select1').trigger('change');

应该有效。也许，它不是因为您编写引发错误的代码。这可能发生在这个地方

$('#select1 option')[5].selected = true;

因为在这里你不执行数组的范围检查。

更好的方法是按索引选择所需的选项：

$('#select1 > :nth-child(6)').prop('selected', true);

这样，如果没有第6个选项，代码就不会崩溃。

但是，根据您的示例构建的fiddle可以正常工作。

Jquery希望触发选择框更改

1 个答案: