javascript - 在子inAppBrowser中以编程方式更改selectMenu选项

我使用javascript window.open()打开一个窗口

打开的窗口包含以下代码:

jQuery(document).ready(function(){
    jQuery("#lang").change(function(){
        var lname = jQuery(this).val().split("-");
        window.location = '<?php echo JURI::root();?>index.php?lang='+lname[0];
        alert(lname[0]);
        alert('lang '+lang);
    });

现在，此代码在“lang”选择菜单更改时触发。我使用window.open以编程方式打开窗口，并设法使用Window.executeScript()将数据填充到窗口字段中。例如，这对我有用:

loginWindow.executeScript({
   code: "jQuery('input#username').val('10500050')"
});

但是，当我尝试遵循相同的逻辑来更改同一窗口的selectMenu中名为“lang”的所选项目时，我失败了。

尝试

我在executeScript中尝试了以下所有行；

code: "$('#lang').val('ms')"
code: "jQuery('#lang option[value=ms]').prop('selected', true)"
code: "jQuery('#lang').selectmenu('value', 'ms')"

在下一个executeScript中使用这些来触发更改

code: "$('#lang').trigger('change')"
code: "$('#lang').selectmenu('refresh', true)"
code: "jQuery('#lang').selectmenu('refresh')"
code: "jQuery('#lang').selectmenu('change')"
code: "$('#lang').change()"

他们都没有帮助。我不确定是否应该将它们合并为一个executeScript。我不知道该怎么做。打开的窗口来自其他域。

我在这里想念什么吗？

揭幕战那边的整个代码如下:

loginWindow.addEventListener( 'loadstop', function() {
    alert('test');
    var loop = setInterval(function() {
       loginWindow.executeScript({
          code: "jQuery('input#username').val('10500050')"
          },
          function( values ) {
             var give = values[ 0 ];
             if ( give ) {
                clearInterval( loop );
                giveMeUsername();
              }
          });

        loginWindow.executeScript({
           code: "  jQuery('input#name').val('10500050')"
            },
            function( values ) {
               var give = values[ 0 ];
                  if ( give ) {
                     clearInterval( loop );
                     giveMeUsername();
                   }
             });

        loginWindow.executeScript({
           //code: "$('#lang').val('zh')"
           //code: "jQuery('#lang option[value=ms]').prop('selected', true)"
           code: "jQuery('#lang').selectmenu('value', 'ms')"
           //code: "localStorage.setItem( 'lan', 'ms' )"
           },
           function( values ) {
              var give = values[ 0 ];
              if ( give ) {
                 clearInterval( loop );
                 giveMeUsername();
               }
            });

      loginWindow.executeScript({
         //code: "$('#lang').trigger('change')"
         //code: "$('#lang').selectmenu('refresh', true)"
         //code: "jQuery('#lang').selectmenu('refresh')"
         //code: "jQuery('#lang').selectmenu('change')"
         code: "$('#lang').change()"
         },
         function( values ) {
            var give = values[ 0 ];
            if ( give ) {
               clearInterval( loop );
               giveMeUsername();
             }
           });
     });
});

前两个executeScript可以正常工作。但是最后两个(selectMenu部分)不起作用。什么都没发生。

更新

当将此代码添加到窗口本身时，它可以工作，并且选择框的值会更改:

jQuery("#lang option[value='zh-TW']").attr("selected","selected");
jQuery('#lang').change();

但是，当我在父窗口(打开器)的executeScript中添加它时，它不起作用!

最佳答案

当我将代码直接粘贴到jQuery(document).ready(function()内的子窗口中时，代码可以工作，因此我认为它应该使用executeScript从父窗口中工作。经过多次试验和错误实验，以下代码为我工作:

                    loginWindow.executeScript(
                        {
                            code: "jQuery('#lang option[value=zh-TW]').attr('selected','selected'), jQuery('#lang').change()"
                        });

除了单引号和双引号的区别之外，这与我在问题的“更新”部分中提到的代码相同。在这里使用executeScript，我不得不操纵双引号仅用于封装整个注入(inject)的代码，其余的我都使用单引号。

上面的代码使用父窗口(打开器)中的executeScript方法更改在子窗口的选择框中选择的选项。