0

通常の HTML ドロップダウン メニューを使用してテストしていますが、この送信ボタンに関して問題が発生しました...

以下は私のコードです：

<head>
<script>
function submitButton()
{
var mylist=document.getElementById("myList");
document.getElementById("favorite").innerHTML=mylist.options[mylist.selectedIndex].text;
}
</script>
</head>

<body>
<form>
<select id="myList">
  <option> </option>
  <option>A</option>
  <option>B</option>  
  <option>C</option>
  <option>D</option>
</select>
<button onclick= 'submitButton()'> Submit </button>
<p>You chose: <span id= 'favorite'> </span></p>
</form>
</body>

Live in Adob​​e Dreamweaver でこのコードを実行すると、思いどおりに動作します。ドロップダウン メニューから何かを選択して送信ボタンを押すと、「選択した:」の後に特定の文字が表示されます。

ただし、Google Chrome と Safari で実行すると、結果が異なります。ドロップダウンから選択して「送信」を押すと、文字がその場所に一瞬表示され、その後ページが自動的に更新され、ドロップダウンが元の値のままになり、<span>空白になります。その理由と、これを解決する方法を知っている人はいますか?

4

2 に答える 2

1

これも試すことができます

<head>
<script>
function submitButton()
{
var mylist=document.getElementById("myList");
document.getElementById("favorite").innerHTML=mylist.options[mylist.selectedIndex].text;
}
</script>
</head>

<body>
<form>
<select id="myList">
  <option> </option>
  <option>A</option>
  <option>B</option>  
  <option>C</option>
  <option>D</option>
</select>
<input type="button" onclick= 'submitButton()' value="Submit" /> 
<p>You chose: <span id= 'favorite'> </span></p>
</form>
</body>
于 2014-01-18T18:55:24.920 に答える
1

デフォルトで<button>は、フォーム内の a は、フォームのアクション URL をロードするフォームまたは同じページがない場合は同じページを送信します。
ボタンのタイプをボタンに変更するだけで、フォームを送信できなくなります。

<button type="button" onclick= 'submitButton()'> Submit </button>
于 2014-01-18T18:49:26.217 に答える