HTML Javascript或PHP如何讓另外所選的選擇依賴於選項選項中選擇

我有兩個選擇HTML Javascript或PHP如何讓另外所選的選擇依賴於選項選項中選擇

<select name="firstselect" id="firstselect"> 
<option value="optionOne">optionOne</option> 
<option value="optionTwo">optionTwo</option> 
</select> 

<select name="secondselect" id="secondselect"> 
<option value="secondOptionOne">secondOptionOne</option> 
<option value="secondOptionTwo">secondOptionTwo</option> 
<option value="secondOptionThree">secondOptionThree</option> 
<option value="secondOptionFour">secondOptionFour</option> 
<option value="secondOptionFive">secondOptionFive</option> 
</select>

我想在secondselect的選項更改基於用戶選擇第一選項選擇。我該如何在Javascript或PHP中執行此操作？

來源

2011-12-07 user840930

有一噸這個對做題。你是否先嚐試搜索？ – defau1t

是的，我也搜索一下這個網站，並在互聯網上，但無法找到，我可以用一個解決方案。一個解決方案是JQuery。另一個用於asp。我需要使用Javascript或PHP。而且我也沒有使用MySQL。我在Javascript中找到了一個解決方案，但它不起作用。 – user840930

我有同樣的問題，因爲你。以下JavaScript，對應於<head>標籤的空間內寫入，如果兩個列表具有相同的元件和列表中的「firstselect」涉及到列表「secondselect」中的第一個的第一元件可以是有用的，所述第二元件列表中的「firstselect」的有關名單「secondselect」的第二個等等。

<script language="javascript" type="text/javascript"> 
// <!CDATA[ 
function Select1_onclick() { 
    var SelectList1 = document.getElementById('firstselect'); 
    var SelectList2 = document.getElementById('secondselect'); 
    SelectL2.selectedIndex = LSelectL1.selectedIndex; 
// ]]> 
</script>

你也應該修改清單「firstselect」的<select>標籤包括這樣上面的腳本：

<select name="firstselect" id="firstselect" onclick="Select1_onclick()">

如果你假裝做出了不同的選擇方案，您可以使用開關盒結構（請參閱示例here）。

來源

2012-01-20 16:32:51 julian

我找到了一個很好的解決這一位置： http://www.webdeveloper.com/forum/showthread.php?91848-How-do-I-make-one-lt-select-gt-list-dependent-on-the-selection-made-in-another

這不是我的代碼，但我希望它能幫助。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
     "http://www.w3.org/TR/html4/strict.dtd"> 
    <html lang="en"> 
    <head> 
    <title>select change 2nd select</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

    <script type="text/javascript"> 
    var varieties=[ 
    ["varieties","granny smith","golden delicious","jonathan"], 
    ["varieties","anjou","bartlett","conference"], 
    ["varieties","valencia","pineapple","pera"] 
    ]; 

    function Box2(idx) { 
    var f=document.myform; 
    f.box2.options.length=null; 
    for(var i=0; i<varieties[idx].length; i++) { 
     f.box2.options[i]=new Option(varieties[idx][i], i); 
     }  
    } 
    </script> 

    </head> 
    <body onload="Box2(0);"> 
    <form name="myform" method="post" action="http://www.mysite.com/mysite"> 
    <fieldset> 
    <select name="box1" onchange="Box2(this.selectedIndex)"> 
     <option value="a">apple</option> 
     <option value="b">pear</option> 
     <option value="c">orange</option> 
    </select> 
    <select name="box2"> 

    </select> 
    </fieldset> 
    </form> 
    </body> 
    </html>

來源

2013-07-26 19:04:24 billynoah

HTML Javascript或PHP如何讓另外所選的選擇依賴於選項選項中選擇

回答

相關問題