0

以下の選択ボックスはまったく問題なく機能します。選択したオプションに応じてリダイレクトされます。

<select name="redirect" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO">
   <option selected="selected">Select One</option>
   <option value="http://www.google.com">Google</option>
   <option value="http://www.gmail.com">Gmail</option>
 </select>

しかし、次のような複雑なドロップダウン ボックスがあります。

<select name="menu" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO">
    <option value="">Select Project</option>
    <option value="http://www.google.com">Type 1</option>
    <option value="Type 2">Type 2</option>
    <option value="Type 3">Type 3</option>
</select>

onChange を使用してリダイレクトし、タイプ 2 とタイプ 3 をオプションとして使用しているため、上記の選択ボックスは意味がありません。

質問:タイプ 1 を選択すると、Google にリダイレクトされます。タイプ 2 またはタイプ 3 が選択されている場合は、その値がフォームに送信されます。

どうすればこれを達成できますか。ありがとうございました

4

2 に答える 2

1

html は、必要に応じて次のようになります。

<form name="fm_memu">
    <input type="text" name="ipt_menu" value=""/>
</form>
<select name="menu" onChange="if(this.selectedIndex){if(this.selectedIndex < 2){window.document.location.href=this.value;}else{window.document.forms['fm_memu']['ipt_menu'].value=this.value;}}" value="GO">
    <option value="">Select Project</option>
    <option value="http://www.google.com">Type 1</option>
    <option value="Type 2">Type 2</option>
    <option value="Type 3">Type 3</option>
</select>
于 2013-02-22T13:27:21.497 に答える
1

次のようなことを試してみてください。

<select name="menu" onChange="javascript: if (this.value == 'http://www.google.com'){window.document.location.href=this.options[this.selectedIndex].value;}else{document.forms['myform'].submit();} " value="GO">
<option value="">Select Project</option>
<option value="http://www.google.com">Type 1</option>
<option value="Type 2">Type 2</option>
<option value="Type 3">Type 3</option>
</select>

PS: ここ: document.forms['myform'].submit();.... myForm をフォームの name-id に変更します;)

サルドス

于 2013-02-22T12:49:11.387 に答える