2012-10-19 73 views
1

新手入門。如何將選定的投遞箱值傳遞給下一頁網址?我有這樣的事情: -將選定的下拉框值ID傳遞給下一頁的網址

<script language="javascript"> 
    function showMe(str) 
    { 
    document.getElementById('myDiv').innerHTML = 'You have selected :'+str; 
    } 
    </script> 
    <select id="ccrseid" name="ccrseid" onchange="showMe(this.value);"> 
    <option value="">Select</option> 
    <option value="1">Computer Science</option> 
    <option value="2">Engineering</option> 
    <option value="3">Business</option> 
    <option value="4">Education and Training</option> 

    </select> 
<div id="myDiv"></div> 

</body> 
    </html> 
<a href="#"onclick="document.location.href='timer.php?selectvalue='+document.getElementById('myDiv').value">Submit</a> 

當我執行im得到「undefined」的url。

http://localhost/timer.php?selectvalue=undefined 

我該如何解決這個問題?

回答

1

隨着你的問題,看起來有兩個不同的結果,你想實現;首先是您想要將<select> dropbox的值傳遞到登陸php頁面,而您的示例代碼表明您想通過<select>值並附加「您已選擇:」。 所以基本上 - 用給定的信息 - 有兩種結果,你想實現,第一個是最後的「GET」 URL爲

http://localhost/timer.php?selectvalue=1 

和其他與「獲取」的網址是

http://localhost/timer.php?selectvalue=You%20have%20selected%20:1 

有了第一個結果,使用JavaScript是接近這個的好方法,我建議你使用標準的HTML標籤<form>建立自己的形式和<input>代替<a>標籤,按鈕

<form action="timer.php" method="get"> 
    <select id="ccrseid" name="selectvalue" onchange="showMe(this.value);"> 
    <option value="">Select</option> 
    <option value="1">Computer Science</option> 
    <option value="2">Engineering</option> 
    <option value="3">Business</option> 
    <option value="4">Education and Training</option> 
    </select> 
    <input type="submit" value="Submit"> 
<form> 

隨着第二個解決方案,這是打印<select>值轉換成一個div和數據發送到目標網頁與<a>標籤,你需要做的是改變在最後一行的鏈接

<a href="#"onclick="document.location.href='timer.php?electvalue='+document.getElementById('myDiv').value">Submit</a> 

<a href="#"onclick="document.location.href='timer.php?electvalue='+document.getElementById('myDiv').innerHTML">Submit</a> 
+0

嗨extramaster,謝謝你的反饋。我明白了,我明白了。 – vaani

0

雖然可以用JavaScript我建議你用PHP做到這一點。它確保您的訪問者不需要啓用JavaScript即可利用該表單。

<form action="timer.php" method="post"> 
    <select id="ccrseid" name="selectvalue""> 
    <option value="">Select</option> 
    <option value="1">Computer Science</option> 
    <option value="2">Engineering</option> 
    <option value="3">Business</option> 
    <option value="4">Education and Training</option> 
    </select> 
    <input type="submit" value="Submit"> 
<form> 
你timer.php文件的頂部

則...

if((int)$_POST['selectvalue']){ 
    header('Location:timer.php?selectvalue=' . (int)$_POST['selectvalue']); 
    exit; 
} 

無需的JavaScript。

相關問題