Edge / IEにおいてフォームのターゲットを変えられない

###前提・実現したいこと
現在、Chrome Firefoxなど様々なブラウザにて動作を確認しております。
今回質問させていただきたいのは、EdgeとIEのみが動作が変な部分がありまして、回避方法などがあれば助かりますと言うことで質問させていただきました。

動作と致しましては、
[Yahoo] 新しいウィンドウにYahooを表示する
と言ったモノです

実際には、formに値を入れてアクションページに遷移する予定です。

###発生している問題・エラーメッセージ
問題点は、Chrome Firefoxでは、呼び出したウィンドウはそのままで、新しいウィンドウにYahooが表示されます。

Edge IEにおいて、[Yahoo]を押下すると新しいウィンドを表示した後に、新しいウィンドにYahooが表示されず白いままで、呼び出したボタンのあるウィンドウがyahooが表示されます。

###該当のソースコード

  <body>
    <form id="mainform"  action="" >
      <input type="button" id="yahoo" value="yahoo" />
    </form>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>

    	var form = $("#mainform");
      $("#yahoo").on("click", function(){
        // Edgeも動きます。
        // window.open("","win","width=900,height=480").location = "http://yahoo.co.jp";

        // Edge:NG 開いたwinでなく。呼び出したウィンドウがジャンプします。
        // win = window.open("","win","width=900,height=480");
        // win.location = "";
        //
        // var currentForm = $("#mainform").clone();
        // currentForm.attr("action","http://yahoo.co.jp");
        // currentForm.attr("target",win.name);
        // currentForm.submit();

        // Edge:NG 上と同じく呼び出したウィンドウがジャンプします
        // win = window.open("","win","width=900,height=480");
        // var currentForm = $("#mainform").clone();
        // currentForm.attr({"action":"http://yahoo.co.jp","target":win.name});
        // currentForm.submit();

        // Methodの切り替えも意味はない
        // win = window.open("","win","width=900,height=480");
        // var currentForm = $("#mainform").clone();
        // currentForm.attr({"Method":"GET","action":"http://yahoo.co.jp","target":win.name});
        // currentForm.submit();

        // 無理矢理
        win = window.open("","win","width=900,height=480");
        var newForm = $("<form id='newform' action='http://yahoo.co.jp' target='" + win.name + "'>");
        newForm.html($("#mainform").clone().html());
        newForm.submit();

        return false;

      });
    </script>
  </body>
</html>

###試したこと
様々IDのキャッシュなど様々試しましたが、解決できず投稿させていただきました。
試行錯誤を更新して、コメントアウト部分にいろいろ試してみましたが無理でした。

皆様のお知恵よろしくお願いします。

MSの不具合という事ですが、回避方法が欲しいです。

kei344

2017/01/10 05:12

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

退会済みユーザー

2017/01/10 05:21

助言ありがとうございます！初めての質問でしたので勝手が分かりませんでした

行動規範の内容に同意します

回答1件

EdgeとIE以外は本当に正常に動きましたか？
このスクリプトだと、ボタンを押す順番によって思った動作をしなくなると思います。
実際、こちらでテストしてみたところ、ChromeでもYahooばかり表示されました。

form.attr('action', action); 
form.attr('target', target);

という指定がありますが、action と target の変数がどこにも宣言されていないので、うまく初期状態にもどりません。
var form = $("#mainform"); の下あたりに、var action と var target をつくって、初期情報を入れてあげるといいと思います。

投稿2017/01/10 04:19

編集2017/01/10 04:21