Javascript 多次检查两个字段的可用性

Javascript 多次检查两个字段的可用性,javascript,php,ajax,Javascript,Php,Ajax,在这个页面中,我想在每次单击添加新行时检查这两个字段的包和值,但我面临的问题是,它只检查第一行。请帮帮我 这是附加部分函数 $(文档).ready(函数(){ var i=1; $('#添加')。单击(函数(){ i++; $(“#动态#字段”).append('选择电容器电阻晶体电阻二极管控制器和处理器连接器端子排导体变压器线路滤波器保险丝和PTC开关及按钮显示PCB选择1206080540020603 DIPSOPTSOPTSOPTSOPTSOPQTPTQFPLQFPSOJFLGABGA/F

在这个页面中,我想在每次单击添加新行时检查这两个字段的包和值,但我面临的问题是,它只检查第一行。请帮帮我

这是附加部分函数 $(文档).ready(函数(){

var i=1;
$('#添加')。单击(函数(){
i++;
$(“#动态#字段”).append('选择电容器电阻晶体电阻二极管控制器和处理器连接器端子排导体变压器线路滤波器保险丝和PTC开关及按钮显示PCB选择1206080540020603 DIPSOPTSOPTSOPTSOPTSOPQTPTQFPLQFPSOJFLGABGA/FBGAQFJ(PLCC)晶圆级CSP(W-CSP)移除');
});
$(文档).on('click','btn_remove',函数(){
var按钮_id=$(this.attr(“id”);
$(“#行”+按钮id+”).remove();
});
$('#addstock')。单击(函数(){
$.ajax({
url:“login.php”,
方法:“张贴”,
数据:$('#添加名称')。序列化(),
成功:功能(数据){
//警报(数据);
$('#添加_名称')[0].reset();
}
});
});
});
功能检查可用性(){
var pck=$(“.select1”).val();
var value1=$(“.name_list”).val();
$(“#loaderIcon”).show();
jQuery.ajax({
url:“availability.php”,
数据:{
pck:pck,
value1:value1
},                 
类型:“POST”,
成功:功能(数据){
$(“#可用性状态”).html(数据);
$(“#loaderIcon”).hide();
},
错误:函数(){}
});
}
//'Value_of_comp='+$(“.name_list”).val(),
将始终仅检查符合选择器的第一个匹配项

也委派

这里有一个更好的脚本

我建议克隆第一行,因为在al不使用ID 您在许多元素上都有id=“i”

$(函数(){
$('#添加')。单击(函数(){
const$row=$('#dynamic_field tr').first().clone(true);
$row.find(“:input”).val(“”;//清空字段
$(“#动态_字段”).append($row);
});
$(文档).on('click','btn_remove',函数(){
$(this).tr.remove();
});
$('#addstock')。单击(函数(){
$.ajax({
url:“login.php”,
方法:“张贴”,
数据:$('#添加名称')。序列化(),
成功:功能(数据){
//警报(数据);
$('#添加_名称')[0].reset();
}
});
});
$(.name_list”)。在(“模糊”,函数()上{
const$parent=$(this).closest(“tr”);
常量pck=$(“.select1”,$parent.val();
const value1=$(this.val();
$(“#loaderIcon”).show();
$.ajax({
url:“availability.php”,
数据:{
pck:pck,
value1:value1
},
类型:“POST”,
成功:功能(数据){
$(“#可用性状态”).html(数据);
$(“#loaderIcon”).hide();
},
错误:函数(){}
});
});
});

添加更多
挑选
电容器
电阻
集成电路
水晶
晶体管
二极管
传感器
控制器和处理器
连接器
接线板
电感器
变形金刚
线路滤波器
保险丝与PTC
开关和按钮
展示
印刷电路板
挑选
1206
0805
0402
0603
蘸
标准作业程序
SSOP
TSOP
QTP
TQFP
LQFP
索吉
FLGA
BGA/FBGA
QFJ(PLCC)
晶圆级CSP(W-CSP)
去除

front end Select 1206 0805 0402我强烈建议从表中委派,不要使用内联事件句柄这里是
$(“#addstock”)
添加更多精彩,先生,非常感谢您,它工作得非常完美。。。。。。。
    var i = 1;
    $('#add').click(function() {
        i++;
        $('#dynamic_field').append('<tr id="row' + i + '"><td><select class="form-control" id="' + i +
            '" name="Name_of_comp[]"><option value="">Select</option><option value="Capacitor">Capacitor</option><option value="Resistors">Resistors</option><option value="IC">IC</option><option value="Crystals">Crystals</option><option value="Transister">Transister</option><option value="Diodes">Diodes</option><option value="Sensor">Sensor</option><option value="Controller and processors">Controller & processors</option><option value="Connectors">Connectors</option><option value="Terminal Blocks">Terminal Blocks</option><option value="Inductors">Inductors</option><option value="Transformers">Transformers</option><option value="Line filters">Line filters</option><option value="Fuses & PTC">Fuses & PTC </option><option value="Switches and buttons">Switches and buttons</option><option value="Display">Display</option><option value="PCB">PCB</option></select></td><td><select class="form-control select1" id="' +
            i +
            '" name="Package[]"><option value="" class="p2">Select</option><option value="1206" class="p2">1206</option><option value="0805" class="p2">0805</option><option value="0402" class="p2">0402</option><option value="0603" class="p2">0603</option><option value="DIP" class="p2">DIP</option><option value="SOP" class="p2">SOP</option><option value="SSOP" class="p2">SSOP</option><option value="TSOP" class="p2">TSOP</option><option value="QTP" class="p2">QTP</option><option value="TQFP" class="p2">TQFP</option><option value="LQFP" class="p2">LQFP</option><option value="SOJ" class="p2">SOJ</option><option value="FLGA" class="p2">FLGA</option><option value="BGA/FBGA" class="p2">BGA/FBGA</option><option value="QFJ (PLCC)" class="p2">QFJ (PLCC)</option><option value="Wafer Level CSP (W-CSP)" class="p2">Wafer Level CSP (W-CSP)</option></select></td><td><input type="text" class="form-control name_list" name="Value_of_comp[]" id="' +
            i +
            '" placeholder="Enter Value"  onBlur="checkAvailability()"/></td><td><input type="text" name="Qty[]" id="' +
            i +
            '" placeholder="Enter your QTY" class="form-control " /></td><td><button type="button" name="remove" id="' +
            i + '" class="btn btn-danger btn_remove">Remove</button></td></tr>');
    });
    $(document).on('click', '.btn_remove', function() {
        var button_id = $(this).attr("id");
        $('#row' + button_id + '').remove();
    });
    $('#addstock').click(function() {
        $.ajax({
            url: "login.php",
            method: "POST",
            data: $('#add_name').serialize(),
            success: function(data) {
               // alert(data);
                $('#add_name')[0].reset();
                
            }
        });
    });
});





function checkAvailability() {

    var pck=$(".select1").val();
    var value1=$(".name_list").val();

    $("#loaderIcon").show();
    jQuery.ajax({
        url: "availibility.php",
        data: {
            pck:pck,
        value1:value1
        },                 
        type: "POST",
        success: function(data) {
            $("#availability-status").html(data);
            $("#loaderIcon").hide();
        },
        error: function() {}
    });
}

//'Value_of_comp=' + $(".name_list").val(),


</script>
var pck=$(".select1").val();
var value1=$(".name_list").val();