Question

我正在尝试创建一个新闻网站的下拉列表。

如果用户在下拉列表中选择1，则为页面将显示对应于1的ID

如果用户选择2
页面将显示对应于2的ID

可能？请建议并提交一些教程。

谢谢，

您诚挚的，救命啊！

Answer 1

嗯。你需要AJAX

这里有一个开始的链接：

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

希望这会有所帮助。干杯

Answer 2

你可以简单地使用jquery selector方法检查下面的选项。

<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>

Answer 3

我会这样做：http://jsfiddle.net/lnrb0b/Tq8Ag/

如果关闭javascript或发生错误等，用户至少会得不到非工作选择框。

希望有所帮助！

请注意我在这里使用jQuery - 我认为这对你很有帮助

Answer 4

您可以使用value：

＆＃13;

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);

＆＃13;

<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>

＆＃13;

这只是一个评级的例子，然后一点点＆＃34;谢谢你的信＃34;。 value意味着您不必一直.value和getElementById，但您仍需要做一些。

下拉列表，显示

4 个答案: