The core principle of redirection is that the user adds a change to the select statement. When the user clicks, The js obtains the value of the selected select statement and jumps, for more information, see.
My most commonly used code, the core code is
| The Code is as follows: |
Copy code |
Script language = "JavaScript">
Function jump ()
{
Location. href = document. myform. menu1.value;
}
</Script>
|
Html code
| The Code is as follows: |
Copy code |
<Select name = "menu1" onChange = "jump ()">
<Option> --- Select a seasonal landscape --- </option>
<Option value = "spring.htm"> beautiful spring scenery </option>
<Option value = "summer.htm"> one color in summer </option>
<Option value = "autumn.htm"> autumn Maple Leaf </option>
<Option value = "winter.htm"> snow in winter </option>
</Select>
|
Jump effect like a friendly connection
| The Code is as follows: |
Copy code |
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> transfer menu </title>
<Script type = "text/javascript" src = "transfer menu. js"> </script>
</Head>
<Body>
<Form>
<Select id = "newLocation">
<Option selected = "selected" value = ""> Select a topic </option>
<Option value = "topic1.html"> topic1 </option>
<Option value = "topic2.html"> topic2 </option>
<Option value = "topic3.html"> topic3 </option>
<Option value = "topic4.html"> topic4 </option>
<Option value = "topic5.html"> topic5 </option>
</Select>
<! -- Called when the browser does not support javascript or disables script running -->
<Noscript>
<Input type = "submit" value = "Go There! "/>
</Noscript>
</Form>
</Body>
</Html> |
Js Code
| The Code is as follows: |
Copy code |
Window. onload = initForm;
// Prevents page caching and cannot trigger onload
Window. onunload = function (){}
Function initForm (){
Document. getElementById ("newLocation"). selectIndex = 0;
Document. getElementById ("newLocation"). onchange = jumpPage;
}
Function jumpPage (){
Var newLoc = document. getElementById ("newLocation ");
Var newPage = newLoc. options [newLoc. selectedIndex]. value;
If (newPage! = ""){
Window. location = newPage;
}
} |
Click the button to jump to the code
| The Code is as follows: |
Copy code |
Function changeGroup ()
{
If (window. confirm ("Do you really want to transfer the contact list? ") = False) return false;
Var obj = document. getElementById ("mail_group"); // The Source drop-down menu
Var obj2 = document. getElementById ("select3"); // the drop-down menu of the target.
If (obj & obj2)
{
Var n = obj. options. selectedIndex; // selectedIndex indicates the index value of the selected item. The index value increases from 0 to-1.
// Simply put, you can think of the list box as an array. selectedIndex is the index value of this array, which corresponds to the items displayed at this position in the list.
Var m = obj2.options. selectedIndex;
If (n> = 0)
{
Location. href = "mail_group_action1.php? Id = "+ obj. options [n]. value +" & uid = "+ obj2.options [m]. value;
Return;
}
}
} |
Html code
| The Code is as follows: |
Copy code |
<Input type = "button" value = "" onClick = "changeGroup ()"> |
