Javascript <；选择>；标签不工作_Javascript_Jquery_Html

Javascript <；选择>；标签不工作

javascript jquery html

Javascript <；选择>；标签不工作,javascript,jquery,html,Javascript,Jquery,Html,我试图制作一个程序，在其中显示菜单中选择的值。我不明白为什么这个机器不工作 Html <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script src='script.js'></script> </head&g

我试图制作一个程序，在其中显示菜单中选择的值。我不明白为什么这个机器不工作

Html

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <script src='script.js'></script>
    </head>    
    <body>          
        <form>
            <Label for="country">Country</Label>
            <select name="country" id= "country">
                <option name="country" id="country">Country</option>
                <option name="USA" id="country">USA</option>
                <option>India</option>
                <option>China</option>
                <option>France</option>
                <option>England</option>
                <option>Ecuador</option>
            </select>
            <input type="submit" name="submit" id="submit" value="Submit"></input>
        </form>
        <p id="demo"></p>
    </body>
</html>

您的脚本必须放在文档的末尾或$（文档）中。准备就绪（..）
如下所示
请确保订阅活动，每次更改
所选值
以将其放置在您想要的位置时

$(document).ready(function() { $('#country').change(function() { // every times is changed $('#demo').html($(this).val()); // add value in tag with id #demo }); });

$（文档）.ready（函数（）{ $（'#country'）.change（function（）{//每次都会更改 $（'#demo'）.html（$（this.val（））；//在id为#demo的标记中添加值 }); }); 国国美国印度中国法国英格兰厄瓜多尔 <代码> < p>始终使用ID属性唯一，您使用它3次，考虑使用它的类。这就是您想要的： //等待页面准备好进行操作 $（函数（）{ //每当#国家/地区的值发生变化时，请执行以下操作： $（“#国家”）。关于（'change'，function（）{ //获取新值 var country=$（this.val（）； //将新值放入#demo元素 $（“#demo”）.html（国家）； }); }); 国选择你的国家美国印度中国法国英格兰厄瓜多尔如果使用jqueryrap将代码放入Doc ready-$（function（）{…}），请使用document.ready函数并使用$（'#country:selected'）.val（）因为HTML代码仍然完全错误，所以它在中使用了3个相同的id属性和名称属性，而不是值attributes@xorinzor谢谢你注意我，现在已经纠正了 $(document).ready(function() { $('#country').change(function() { // every times is changed $('#demo').html($(this).val()); // add value in tag with id #demo }); });