Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于多个字段的另一个输入填充下拉列表_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 基于多个字段的另一个输入填充下拉列表

Javascript 基于多个字段的另一个输入填充下拉列表,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我想根据另一个输入值获取下拉列表值,并使用add按钮动态创建下拉列表。如何获得合适的值 选择机架名称->要获取机架系列的液滴列表 使用添加按钮,我必须要创建像这样的许多领域 提前谢谢,请大家给出解决方案 function get_rack_series() { var rack = document.getElementsByClassName('rack'); for (i = 0; i < rack.length; i++) { $.post(base_

我想根据另一个输入值获取下拉列表值,并使用add按钮动态创建下拉列表。如何获得合适的值

选择机架名称->要获取机架系列的液滴列表 使用添加按钮,我必须要创建像这样的许多领域

提前谢谢,请大家给出解决方案

function get_rack_series() {
    var rack = document.getElementsByClassName('rack');
    for (i = 0; i < rack.length; i++) {
        $.post(base_url+'suggest/get_rack_series',
            {
                rack_name:rack[i].value
            },
            function(res){
                $('.rs').html(res);
            }
        );
    }
}

This for add function
$(function() {
    var addDiv = $('#addinput');
    var i = $('#addinput p').size() + 1;

    $('#addNew').live('click', function() {
        $('<p><select name="rack[]" id="rack'+i+'" class="rack select_small caps_txt  validate[required]" onchange="get_rack_series();"><option value="">select</option><?php if(isset($get_rack_name)){foreach($get_rack_name as $rck){?> <option value="<?php echo $rck['rack_name'];?>"><?php echo $rck['rack_name'];?></option><?php }}?></select>&nbsp;<span id="rs" class="rs"></span>&nbsp;<input type="text" id="partnumber_' + i +'" name="partnumber[]" type="text" class="input4 validate[required] caps_txt" onblur="get_exists_status();"/><a href="#" id="remNew">Remove</a> </p>').appendTo(addDiv);
    i++;

        return false;
    });

    $('#remNew').live('click', function() {
        if( i > 1 ) {
            $(this).parents('p').remove();
            i--;
        }
        return false;
    });
});
函数get_rack_series(){
var rack=document.getElementsByClassName('rack');
对于(i=0;i”).appendTo(addDiv);
i++;
返回false;
});
$('#remNew').live('单击',函数()){
如果(i>1){
$(this.parents('p').remove();
我--;
}
返回false;
});
});
html代码

<td width="263">
    <div id="addinput">
        <p>
            <select name="rack_name[]" id="rack_name1" class="rack select_small caps_txt validate[required]" onchange="get_rack_series();">
                <option value="">select</option>
                    <?php
                        if(isset($get_rack_name)) {
                            foreach($get_rack_name as $rck)
                            {?>
                <option value="<?php echo $rck['rack_name'];?>"><?php echo $rck['rack_name'];?></option>
                    <?php 
                            }
                        }
                    ?>
            </select>&nbsp;
            <span id="rs" class="rs"></span>&nbsp;
            <input name="partnumber[]" type="text" class="input4 validate[required] caps_txt" id="partnumber" onblur="get_exists_status();" />
        </p>
    </div>
</td>


选择


我会说
echo
所有选项并添加机架名称的类,然后隐藏并显示它们
onchange


您能把您尝试的代码张贴出来吗?