Javascript 启用<；选择>；只有一个接一个<；选择>；

我读过至少一打关于启用按钮、下拉列表、选择等的帖子。。。我终于放弃了。我无法确定datepicker与第一个下拉菜单的绑定，以及在第一个下拉菜单之后，它触发第二个下拉菜单成为enable

<div data-role="page" id="details">
            <div data-role="header">
                <h1></h1>
                    <a href="#" data-rel="back" data-icon="arrow-l" data-iconpos="notext">back</a>

                    <script type="text/javascript" src="../../Scripts/jquery-ui-1.9.2.datepicker.custom.min.js"></script>
                    <link href="../../jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
                    <link href="../../jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
                    <link href="../../jQueryAssets/jquery.ui.datepicker.min.css" rel="stylesheet" type="text/css">
                    <script type="text/javascript">
                        $(function() {
                            $( "#Datepicker1" ).datepicker({
                                showOtherMonths: true,
                                regional: ['es'],
                                dayNamesMin: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
                                dateFormat:"dd/mm/yy",
                            }); 
                        });


                        function enable()   {
                             document.getElementById("select2").disabled=false;
                        }

                    </script>

                    <style>
                        .datepicker{z-index:1151;}
                    </style>
            </div>



            <div data-role="content">
                <div data-role="controlgroup" align="center">   

                   <h2>Select Date</h2>
                    <input  type="text" required
                            placeholder="Date" 
                            data-inline="true" 
                            data-role="date"
                            id="Datepicker1"
                    input>
                </div>
                <br />

                <div data-role="navbar">
                    <ul> 
                        <li>
                            <select onChange="enable()" id="select1" data-native-menu="false" data-theme="a">
                                <option value="choose-one" data-placeholder="true">Quien autoriza el gasto?</option>
                                <option value="Tom">Tom</option>
                                <option value="Chris">Chris</option>
                            </select>
                        </li>
                        <li>
                            <select disabled="disabled" required id="select2" data-native-menu="false" data-theme="a">
                                <option value="choose-one" data-placeholder="true">type</option>
                                <option value="car">car</option>
                                <option value="bike">bike</option>
                            </select>
                       </li>
                    </ul>  
                </div>

$（函数（）{
$（“#日期选择器1”）。日期选择器({
showOtherMonths：是的，
地区：['es']，
dayNamesMin:['Dom'，'Lun'，'Mar'，'Mie'，'Jue'，'Vie'，'Sab']，
日期格式：“日/月/年”，
}); 
});
函数启用（）{
document.getElementById（“select2”）.disabled=false；
}
.datepicker{z-index:1151；}
选择日期




你是谁？
汤姆
克里斯


类型
汽车
自行车

---

我没有发布将日期选择器绑定到第一个下拉菜单的尝试。它不起作用，而且太长/太长。希望有人能更好地处理api的选择功能。

您是否尝试将JavaScript代码放入

框中或

框下？

谢谢您的评论。实际上，我在一个单独的.JS文件中有JavaScript，它包含在HTML的父标记中。我认为（？）这应该使它成为整个页面DOM的一部分。我会试试你的建议。。。我确实在我的父标记中包含jquery mobile。。。这可能是个问题吗？jQuery Mobile不应该是个问题。我建议在

部分或在关闭

标记之前加载所有JavaScript文件。对于疑难解答，您可以依次添加JS代码。谢谢。我今天就试试。这很奇怪，因为我在控制台中没有收到任何错误（firebug）