下拉列表，显示

我想创建一个新闻网站的下拉列表。下拉列表，显示

如果用户选择了在下拉列表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

下拉列表，显示

回答

相关问题