Javascript 更改时选择事件中的值

Javascript 更改时选择事件中的值,javascript,jquery,html,Javascript,Jquery,Html,这让我发疯,我看过很多不同的答案、帖子和jQuery示例,但我拥有的简单JS并没有给我实际的价值,任何帮助都值得赞赏 我正在尝试根据成人/儿童的数量填充菜单选项表单。在本例中,您可以从下拉列表中选择NumberOfMadumen,值为2,然后出现两个单独的菜单选项,这几乎是火箭科学,但……这是难以捉摸的 我的表格: <div class="form-group"> <select name="numberOfAdults" id="numberOfAdults" tab

这让我发疯,我看过很多不同的答案、帖子和jQuery示例,但我拥有的简单JS并没有给我实际的价值,任何帮助都值得赞赏

我正在尝试根据成人/儿童的数量填充菜单选项表单。在本例中,您可以从下拉列表中选择NumberOfMadumen,值为2,然后出现两个单独的菜单选项,这几乎是火箭科学,但……这是难以捉摸的

我的表格:

<div class="form-group">
    <select name="numberOfAdults" id="numberOfAdults" tabindex="2">
        <option>-Adults-</option>
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
</div>
有了以上这些,我总是会得到“成年人-成年人”,我永远无法得到值1或值2来表示,我确信我错过了一些琐碎的东西。 提前谢谢

编辑: 将min替换为cdn,结果仍然相同。

看起来您的代码正在按您所希望的方式工作:

$(“#NumberOf成人”)。更改(
函数(){
var val1=该值;
var val2=$(“#NumberOfMaintentials选项:选中”).val();
警报(val1+“-”+val2);
}
);

-成年人-
一个
两个

我不知道为什么会发生在你身上。可能是jqueryincludes或mistypo有问题。但当我把你们的代码发布到代码片段上时,它工作得非常好

$('#NumberOf成人')。更改(函数(){
var val1=该值;
var val2=$(“#NumberOfMaintentials选项:选中”).val();
警报(val1+“-”+val2);
});

-成年人-
一个
两个

你想做什么?@Azmin,我的目标是使用获得的值来显示n个菜单选择。如果有1个成人,则有1个菜单选择,如果有2个,则有2个,依此类推,嘎!你知道为什么这在我的环境中不起作用吗?@SteveGreen你的环境是什么?;)你能链接到完整的项目吗?这是我正在玩的一个“简单”臃肿的引导主题,intellij作为带有Spring集成的IDE,当我最终让这个混蛋表单工作时。:)我可以创建一个新的回购协议并添加文件,或者-我刚刚粘贴了索引页。如果答案正常,为什么要复制粘贴精确的代码?这应该是一个评论。我正在使用一个最小化的本地副本。我将尝试使用cdn,看看这是否有帮助。我建议您打开工具来迭代jquery的过程,例如:mozilla上的firebug。因此,您可以看到您的遗漏/错误。
$('#numberOfAdults').change(function() {
     var val1 = this.value;
     var val2 = $('#numberOfAdults option:selected').val();

     alert(val1 + " - " + val2);
});