仅在另一个</select>之后启用<select>

时间:2014-09-15 23:46:11

标签: javascript jquery datepicker

我已经阅读了至少十几篇关于启用按钮,下拉菜单,选择等的帖子......我终于放弃了。我无法弄清楚datepicker与第一个下拉列表的绑定以及在第一个下拉列表之后触发第二个下拉列表成为启用。

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

我没有发布将datepicker绑定到第一个下拉菜单的尝试。它不起作用并且过长/非常长。希望有人能更好地处理api的Select功能。

1 个答案:

答案 0 :(得分:0)

您是否尝试将JavaScript代码放入<head><select>框下?