Javascript形式を選択素子の開urlを新しいウィンドウおよび提出して
-
05-09-2019 - |
質問
更新 -お読みください詳細は下記のその
い選択フォーム要素の種々のurlていきたいと思いオープン新しいウィンドウを選択したときにいって、以下のコードの要素のonchangeイベント:
window.open(this.options[this.selectedIndex].value,'_blank');
この作品です。もっと増やしていきたいフォームの送信が変化することを選択要素の価値をたってのさまざまなものだと思います。
していまjquery、ばくを通るなら、それでよし。
更新いただきました、実現がもう一つの問題は上記のものについてのurlは実際の生成に使用するとpdf出力されないワークショッピングセンターとして、直ちに、(少なくともIE7).
更新07/05/09 きた開業に恵みをこの問いとしている働きます。私たちの行を表示するリンクの代わりに形を選択素子にできない可能です。
理由はさんありがとうございます。上にあるのは多数のファイルが見る必要がある/印刷を作るには多すぎる気が合理的に表示リストとしてのリンクです。の提出が求められているのにも、特定のファイルの閲覧-プリントし表示すログファイルの歴史は私を快適に実現すいので、必要としない援助のありかと思ったんですがこのコンテキスト
では、明らかに私の条件が必要で形要素を選択し、"表示"ボタンをクリック時なみの立ち上げのファイルをダウンロードを新しいウィンドウ(注上記の発行っていないときがこれらのファイルをPdf)にも提出が含まれる選択要素となります。
解決
ここにやっ
<script type="text/javascript">
$(function() {
$("#selectElement").change(function() {
if ($(this).val()) {
window.open($(this).val(), '_blank');
$("#formElement").submit();
}
});
// just to be sure that it is submitting, remove this code
$("#formElement").submit(function() {
alert('submitting ... ');
});
});
</script>
<form id="formElement" method="get" action="#">
<select id="selectElement">
<option></option>
<option value="http://www.deviantnation.com/">View Site 1</option>
<option value="http://stackoverflow.com/">View Site 2</option>
<option value="http://serverfault.com/">View Site 3</option>
</select>
</form>
他のヒント
利用できる this.form.submit()
トリガーの形式での提出:
<script language="javascript">
function myChangeHandler() {
window.open(this.options[this.selectedIndex].value, '_blank');
this.form.submit();
}
</script>
<select onchange="myChangeHandler.apply(this)">
...
</select>
での試験アロンウオール®の例では,その誤差を願っていますがコード以外のonchangeイベントです。の下に実施例を見れば同じエラーになります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Example onchange and submit </TITLE>
<script language="javascript">
function myChangeHandler()
{
window.open(this.options[this.selectedIndex].value, '_blank');
this.form.submit();
}
</script>
</HEAD>
<BODY>
<form id="myform1" action="test.html">
<select onchange="myChangeHandler.apply(this)">
<option>Please select....</option>
<option value="http://stackoverflow.com">Stackoverflow</option>
<option value="http://twitter.com">Twitter</option>
</select>
</form>
</BODY>
</HTML>
Basedeん、おょうマークアップするとどうなるのかわかりません
<form ...>
<input name="submit" ...>
...
</form>
でブラウザの伝統のフォーム要素のオブジェクトとして物件の入力の名前は、"提出"プロパティからの入力マスクのフォーム固有の"提出"プロパティやメソッド.時に変更することができますこの名前を変更したり、一時的でも、入力要素がんのい)
form_object.elements['submit'].name = 'notsubmit';
form_object.submit();
がある場合は以--例えば、シリーズのラジオボタンの"提出"何らかの理由--。要素['提出']すべき要素のコレクションのような配列でループをも同じです。
ご存知を設定することができtarget属性のためのものです。
<form target="_blank" method="post">
<select onchange="load()">
...
</select>
</form>
<script>
load() {
document.forms[0].action = this.value;
document.forms[0].submit();
}
</script>
許しく悪いです。ているか、なんて事が書かれていますjQueryれんの赤にバニラです。でご利用いただけます。一般のアイデアです。
がん馴染みのjQuery、対応することができるでしょういうのはこのような形になります。(試作タ):
$('select-field').observe('change',function(event){
window.open(this.options[this.selectedIndex].value,'_blank');
this.form.submit();
}
したがっていたの奇課題提出フォームの前に、Javascriptを有効にならない仕事がしてみ呼び出し click()
または相当 fireEvent('click')
お申込フォームの提出ボタンはこのように:
$('submit-button').fireEvent('click');