文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用java脚本填充2，选择一个？

问如何用java脚本填充2，选择一个？
EN

Stack Overflow用户

提问于 2013-11-22 07:43:39

回答 1查看 133关注 0票数 0

你好，我是新来的，在php，所以我需要一个帮助的家伙。

我这里有一个输入和两个选择选项--如果输入比两个选择都是空的，如果输入值比第一个选择选项值“打开”，则第二个选择值应该是“打开”，第二个选择值应该是‘形式分布’，在这里，这两个选择都工作得很好，但不遵循输入字段，任何帮助都将是免费的谢谢。

           <!DOCTYPE html>
            <html>
            <head>
            <script type="text/javascript">
                function configureDropDownLists(ddl1,ddl2) {
                    var Open = new Array('Form Distributed');
                    var Completed = new Array('Ready for billing', 'Completed');
                    var Pending = new Array('With CS', 'With O&M (Estimate)', 'With Delegate','With Executive Engineer','With Consumer (Payment)','With O&M (Connection)');
                    var Rejected = new Array('Rejected: By CS', 'Rejected: By O&M', 'Rejected: By Delegate','Rejected: By EE','Rejected: Demand Expired','Rejected: By O&M');

                    switch (ddl1.value) {
                        case 'Open':
                            document.getElementById(ddl2).options.length = 0;
                            for (i = 0; i < Open.length; i++) {
                                createOption(document.getElementById(ddl2), Open[i], Open[i]);
                            }
                            break;
                        case 'Completed':
                            document.getElementById(ddl2).options.length = 0; 
                        for (i = 0; i < Completed.length; i++) {
                            createOption(document.getElementById(ddl2), Completed[i], Completed[i]);
                            }
                            break;
                        case 'Pending':
                            document.getElementById(ddl2).options.length = 0;
                            for (i = 0; i < Pending.length; i++) {
                                createOption(document.getElementById(ddl2), Pending[i], Pending[i]);
                            }
                            break;
                        case 'Rejected':
                            document.getElementById(ddl2).options.length = 0;
                            for (i = 0; i < Rejected.length; i++) {
                                createOption(document.getElementById(ddl2), Rejected[i], Rejected[i]);
                            }
                            break;
                            default:
                                document.getElementById(ddl2).options.length = 0;
                            break;
                    }

                }

                function createOption(ddl, text, value) {
                    var opt = document.createElement('option');
                    opt.value = value;
                    opt.text = text;
                    ddl.options.add(opt);
                }

            </script>
            </head>
            <input type="text" name="date" id="datepicker">
            <select id="ddl" onChange="configureDropDownLists(this,'ddl2')">
            <option value="0" ></option>
            <option value="Open">Open</option>
            <option value="Completed">Completed</option>
            <option value="Pending">Pending</option>
            <option value="Rejected">Rejected</option>
            </select>

            <select id="ddl2">
            </select>



            </body>
                </html>

javascript

php

select

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-22 08:10:30

$(Document).ready(函数(){)

changeInput();
$("#datepicker").change(function(){
    changeInput();
});

})；

var optios = 'Open'，‘已完成’，‘未决’，‘拒绝’；函数changeInput(){

var input = $("#datepicker").val();

var ddl = document.getElementById("ddl");
ddl.options.length = 0;
document.getElementById("ddl2").options.length = 0;

if(input==""){


}else{

    $.each(optios,function(){
        var opt = document.createElement('option');
        opt.value = this;
        opt.text = this;
        ddl.options.add(opt);
    });
    $("#ddl").val("Open");
    configureDropDownLists(ddl,'ddl2');
}

}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20139614

复制

相似问题

问如何用java脚本填充2，选择一个？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用java脚本填充2，选择一个？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用java脚本填充2，选择一个？
EN