Javascript 获取下拉值并显示它们_Javascript_Jquery

Javascript 获取下拉值并显示它们

javascript jquery

Javascript 获取下拉值并显示它们,javascript,jquery,Javascript,Jquery,我无法将下拉列表获得的值显示出来。我昨天刚开始学JS。。。干杯 [eta]问题是我的代码出了什么问题，因为它没有按我希望的那样工作 <!doctype html> <html><body> <script src="jquery.js"> $(function checkDropdown() { var selects= $("#id1 option:selected").val(); document.getElementById("fille

我无法将下拉列表获得的值显示出来。我昨天刚开始学JS。。。干杯 [eta]问题是我的代码出了什么问题，因为它没有按我希望的那样工作

<!doctype html>
<html><body>
<script src="jquery.js">

$(function checkDropdown() {
var selects= $("#id1 option:selected").val();
document.getElementById("filler").innerHTML= selects;
});
</script>

<form name="f1">
<select id="id1">
<OPTION Value="none">None</OPTION>
<OPTION Value="one">One</OPTION>
<OPTION Value="two">Two</OPTION>
</select></form>
<p id="filler">Replace this text</p>
</br></br>
<button onClick="checkDropdown()">  CLICK ME  </button>
</form>
</body></html>


$（函数检查下拉列表（）{
var selects=$（“#id1选项：已选定”）.val（）；
document.getElementById（“filler”）.innerHTML=selects；
});
没有一个
一个
两个
替换此文本



点击我

我最终希望用实际的数字替换选项值并将它们相乘

不确定您的jQuery。试试这个：

var selects= $("#id1").val();

你的代码全错了

试试这个：

var selects= $("#id1").val();

<!doctype html>
<html><body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">    
function checkDropdown() {
  var selects= $("#id1").val();
  $("#filler").text(selects);
}
</script>

<form name="f1">
<select id="id1">
<OPTION Value="none">None</OPTION>
<OPTION Value="one">One</OPTION>
<OPTION Value="two">Two</OPTION>
</select></form>
<p id="filler">Replace this text</p>
</br></br>
<button onClick="checkDropdown()">  CLICK ME  </button>
</form>
</body></html>


函数检查下拉列表（）{
var selects=$（“#id1”）.val（）；
$（“#填充物”）.text（选择）；
}
没有一个
一个
两个
替换此文本



点击我

您应该创建两个脚本标记。1在其中加载jquery，2在其中定义自己的代码

您不需要使用：selected选择器，因为下拉值始终等于所选选项的值

不要将document.getElementById（）与jQuery混合使用。坚持一种方法要好得多

当您将函数传递给

时，它将在DOM就绪时执行。但这不是你想要的。您希望在单击按钮时调用该函数，因此不要将其传递给

：

<script>
    function checkDropdown() {
        // Simplified version of your code
        var selects = $('#id1').val();
        $('#filler').text(selects);
    }
</script>

同样，请阅读教程，这些内容都在这里介绍。

由于函数的声明方式，您的代码还有其他问题。有关如何在jquery中定义函数的更多信息，请查看此答案。

只要稍微重新安排一下，我这边就行了

checkDropdown = function() {
  var selects= $("#id1 option:selected").val();
  document.getElementById("filler").innerHTML= selects;
};

在这里查看：

欢迎来到；请复习一下。就目前情况而言，你没有问任何问题。这就成功了，看来我也没有使用正确的命令。。非常感谢。