<script type="text/javascript">
function jumpPage(){
location.href = "http://hogemoge.com/foo/" + document.urlform.url.value;
}
</script>
<form name="urlform">
<input type="text" id="url">
<input type="submit" style="display: none;" onclick="jumpPage();">
</form>
というHTMLがあります。
しかし実際はページが飛びません。
どうしたら飛ぶようになりますか。
No.1ベストアンサー
- 回答日時:
実験してみました。
1)<input type="submit" style="display: none;" onclick="jumpPage();">
となっているので、submitボタンは表示されません。
リターンキーを押したときの動作はブラウザによって違うようです。
jumpPage()が実行される場合と、クリックではないので無視される場合と。
2)jumpPage()が実行されるとlocation.hrefが書き換えられますが、直後にformのsubmitが実行されます。formにactionを設定しておくと動作がわかりますが、これもジャンプするブラウザとしないブラウザがあるみたい。
(本当にlocation.hrefを書き換えているかは不明:先にキャンセルされてるかも)
3)そこでsubmitをキャンセルするために、
onclick="jumpPage();return false;"
みたいにしておくと、指定したURLへジャンプします。
ただし、display: noneのままだと、リターンキーでスクリプトが実行されないブラウザだと何も起こりません。
表示したくないのなら、formのonsubmitで行えばよろしいかと。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスで、チェック...
-
Mac(Safari)でのSendkyesコマン...
-
同じ名前が複数あるインプット...
-
inputタグのtype値がfileの場合...
-
<SELECT>タグでの selected 状...
-
セレクトボックスの幅をプルダ...
-
inputタグのclass名にコロン「:...
-
javaScriptで検索結果の保持
-
プルダウンメニュー項目のフォ...
-
formタグのactionパラメータで...
-
フォームに表示される文字を右...
-
ランダムリンクでリンク先を別...
-
複数のプルダウンからリンクす...
-
プルダウン 背景色の変更
-
javascriptでプルダウンメニュ...
-
inputtype=hiddenとは?
-
htmlソースの書き換え
-
<a href=**?***=***>をGET方式で
-
「リセット」ボタンを「画像」...
-
送信ボタンで飛ばす方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
親ページからインラインフレー...
-
入力フォームの javascript で ...
-
画像をボタンのようにフォーカ...
-
JavaScript の 「showDialog」
-
[onClick]ボタンを押すことで入...
-
パスワードをIPする際見えな...
-
submit時に違うページに飛びたい
-
確認ダイアログ表示後、他のペ...
-
a.href の href を有効か無効に...
-
submitをボタン以外にするには
-
1アクションでPOST・GET、両方...
-
送信ボタン押下時に値が未入力...
-
複数のフォームを一括で送信す...
-
URL パラメータを使ってフォー...
-
【html】)パスワード認証フォー...
-
HTMLのoptionタグ部分に画像を...
-
フォーム要素以外にもname属性...
-
リンクをクリックした時にform...
-
1つのformで複数のactionを実...
-
GETをPOSTに変更したところ 送...
おすすめ情報