下拉列表，顯示

我想創建一個新聞網站的下拉列表。下拉列表，顯示

如果用戶選擇了在下拉列表1，
頁面將顯示一個ID對應於1

如果用戶選擇2
的頁面將顯示一個ID對應於2

可能？請諮詢並提交一些教程。

謝謝你，

此致幫助！

2011-07-05 help pls

那麼你將需要多一點的HTML。我建議開始使用PHP，只是因爲它很容易學習基本。 [PHP的初學者]（http://devzone.zend.com/article/627-PHP-101-PHP-For-the-Absolute-Beginner） – Ibu

任何其他方式旁邊的PHP？我認爲這是可能的使用javascript –

是的，你也可以在JavaScript中做到這一點。您只需要將onchange事件添加到您選擇的下拉列表中 – Ibu

嗯。你需要AJAX

這裏有一個鏈接開始：

http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=10

希望這有助於。乾杯

來源

2011-07-05 07:19:44

你可以簡單地使用jquery選擇器方法檢查下面的選項。

<html> 
    <head> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       function display() { 
        var Values = $("#drop").val(); 
        alert(Values); 
       } 
       $("select").change(display); 

      }) 
     </script> 
    </head> 
    <body> 
     <select id="drop"> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option> 
     </select> 
    </body> 
</html>

來源

2011-07-05 07:29:26 run

我會做這種方式：http://jsfiddle.net/lnrb0b/Tq8Ag/

至少這樣如果JavaScript被關閉或發生錯誤等

希望用戶將不能獲得非工作選擇框這有幫助！

請注意我在這裏使用jQuery - 我認爲這將是非常有益的，以你

來源

2011-07-05 07:33:03 lnrbob

您可以使用value：

var submitButton = document.getElementById("submit"); 
 
var thankyouLetter = document.getElementById("thankyou-letter"); 
 
var submitIt = function() { 
 
    var rating = document.getElementById("rating").value; 
 
    if (rating === "1") { 
 
    thankyou = "I'm so sad! A 1?"; 
 
    } 
 
    else if (rating === "2") { 
 
    thankyou = "So little?"; 
 
    } 
 
    else if (rating === "3") { 
 
    thankyou = "Thanks."; 
 
    } 
 
    else if (rating === "4") { 
 
    thankyou = "Thank you!"; 
 
    } 
 
    else if (rating === "5") { 
 
    thankyou = "Awesome!!!!!"; 
 
    } 
 
    else { 
 
    thankyou = "You need to rate!"; 
 
    } 
 
    thankyouLetter.innerHTML = thankyou; 
 
}; 
 
submitButton.addEventListener("click", submitIt);

<label>What rating? 
 
    <select id = "rating"> 
 
    <option value = "xxx">---</option> 
 
    <option value = "1">1</option> 
 
    <option value = "2">2</option> 
 
    <option value = "3">3</option> 
 
    <option value = "4">4</option> 
 
    <option value = "5">5</option> 
 
    </select> 
 
</label> 
 
<button id = "submit">Submit</button> 
 
<p><span id = "thankyou-letter"></span><p>

這只是一個評級的例子，然後有點「謝謝你的信」。 A value意味着你不必一直做.value和getElementById，但是你仍然需要做一些。

來源

2015-11-28 09:52:46 Anonymous

下拉列表，顯示

回答

相關問題