0

結果なしのページにドロップダウンが表示されています。

これが私がしていることです

<label for="chewie"></label>
 <select name="chewie" id="chewie" onchange="redirect()">
  <option > Select Option</option>
  <option value="www.item1.com">Item1</option>
  <option value="www.item1.com">Item1</option>
  <option value="www.item1.com">Item1</option>
  <option value="www.item1.com">Item1</option>
 </select>

ユーザーが Item1 を選択すると、item1 ページにリダイレクトされます。彼が戻るボタンをクリックして「オプションの選択」を選択すると、このドロップダウンがあるページにとどまるはずです。

しかし今、ユーザーが「オプションの選択」を選択すると、明らかに見つからない 404 ページに移動します。

最初のオプションでどのページにもリダイレクトしたくありません。他のページにリダイレクトされないようにするには、どの値を指定すればよいですか?

4

4 に答える 4

2

<option disabled>Select Option</option>オプションをクリックできないように使用できます。

于 2012-09-27T18:02:01.503 に答える
1

value="#" のようなアンカー値を使用できるかもしれません

于 2012-09-27T17:55:36.200 に答える
0

もう1つのオプションは、Javascriptに何かを入れて、リダイレクトされないようにすることです。最初のオプションは常にプレースホルダーになるため、アクションを無視したいとします...選択したインデックスを確認し、インデックスがゼロより大きい場合にのみアクションを実行できます。

function redirect() { 
  //capture the selection 
  var dropdown = document.getElementById("chewie");
  if(dropdown.selected_index > 0)
  { 
     //redirect the user 
     var redirect_url = dropdown.options[selected_index].value;
     window.location = redirect_url; 
  }

  return false;
}

また、http://URLの前に配置することをお勧めします...私のブラウザでは、URLがないと正しくリダイレ​​クトされませんでした。

于 2012-10-01T15:57:35.860 に答える
0

タグ urlsの value 属性から を削除するだけですoption

  <label for="chewie"></label>
  <select name="chewie" id="chewie" onchange="redirect()">
  <option> Select Option</option>
  <option>Item1</option>
  <option>Item2</option>
  <option>Item3</option>
  <option>Item4</option>
 </select>
于 2012-09-27T17:52:04.893 に答える