Javascript 表单中的JQuery

我有一页。它在搜索表单旁边有一个箭头图像。当页面加载时，该箭头应位于年份字段的前面。然后，当选择年份时，图像应移到模型字段的前面，以此类推

页面上现在使用了以下javascript/jquery代码：

function getmodel() {    
    var sval1 = jQuery('#finder-12--43').val();
    var form_data1 = {
        dropdown_id: '44',
        parent_id: sval1
    };
    var option = document.createElement('option');
    option.value = 0;
    option.text = 'Loading....';
    option.label = 'Loading....';
    jQuery('#finder-12--45').append(option);
    var makeval = '<?php echo $_REQUEST['
    make ']; ?>';

    jQuery('#finder-12--44').html('');
    jQuery.ajax({
        type: 'POST',
        url: 'https://www.sealskincovers.com/CarLanding/data.php',
        data: form_data1,
        crossDomain: true,
        success: function (response) {
            var object = jQuery.parseJSON(response);
            //alert(object.length);
            jQuery.each(object, function (i, data) {

                if (data.label == makeval) {

                    jQuery('#finder-12--44').append('<option value="' + data.value + '" label="' + data.label + '" selected >' + data.label + '</option>');
                } else {
                    jQuery('#finder-12--44').append('<option value="' + data.value + '" label="' + data.label + '" >' + data.label + '</option>');
                }
            });
            var sval = jQuery('#finder-12--44').val();

            var form_data = {
                dropdown_id: '45',
                parent_id: sval
            };
            jQuery.ajax({
                type: 'POST',
                url: 'https://www.sealskincovers.com/CarLanding/data.php',
                data: form_data,
                crossDomain: true,
                success: function (response) {

                    var object = jQuery.parseJSON(response);
                    var rlen = object.length;
                    if (rlen > 0) {
                        if (!jQuery('#finder-12--45').is('disabled')) {
                            jQuery('#finder-12--45').removeAttr('disabled');
                        }
                        jQuery('#finder-12--45').html('');
                        jQuery('#finder-12--46').html('');
                        jQuery('#finder-12--46').attr('disabled', 'disabled');
                        jQuery.each(object, function (i, data) {


                            jQuery('#finder-12--45').append('<option value="' + data.value + '" label="' + data.label + '">' + data.label + '</option>');
                        });
                        jQuery('#finder-12--45').attr('selectedIndex', 0);
                        // alert(jQuery('#finder-12--43').position().top);
                        jQuery(".search_pointer").css({
                            top: jQuery('#finder-12--43').position().top
                        })
                        if (jQuery('#finder-12--43').parent().next().find("button").length > 0) {
                            jQuery(".pointer_text").text("Click Here")
                        } else {
                            jQuery(".pointer_text").text("Select Model")
                        }
                    } else {
                        jQuery('#finder-12--45').html('');
                        jQuery('#finder-12--46').html('');
                        jQuery(".search_pointer").css({
                            top: jQuery('#finder-12--44').position().top
                        })
                        if (jQuery('#finder-12--44').parent().next().find("button").length > 0) {
                            jQuery(".pointer_text").text("Click Here")
                        } else {
                            jQuery(".pointer_text").text("Select Here")
                        }
                    }
                },
            });
        },
    });
}

function getbody() {

    var sval = jQuery('#finder-12--45').val();
    var form_data = {
        dropdown_id: '46',
        parent_id: sval
    };
    var option = document.createElement('option');
    option.value = 0;
    option.text = 'Loading....';
    option.label = 'Loading....';
    jQuery('#finder-12--46').append(option);
    jQuery.ajax({
        type: 'POST',
        url: 'https://www.sealskincovers.com/CarLanding/data.php',
        data: form_data,
        crossDomain: true,
        success: function (response) {
            var object = jQuery.parseJSON(response);
            jQuery('#finder-12--46').removeAttr('disabled');
            jQuery('#finder-12--46').html('');
            jQuery.each(object, function (i, data) {
                jQuery('#finder-12--46').append('<option value="' + data.value + '" label="' + data.label + '" ' + data.selected + '>' + data.label + '</option>');
            });
            jQuery('#finder-12--46').attr('selectedIndex', 0);
            //alert(jQuery('#finder-12--45').position().top);
            jQuery(".search_pointer").css({
                top: jQuery('#finder-12--45').position().top
            })
            if (jQuery('#finder-12--45').parent().next().find("button").length > 0) {
                jQuery(".pointer_text").text("Click Here")
            } else {
                jQuery(".pointer_text").text("Select " + jQuery('#finder-12--45').parent().next().text())
            }
        },
    });
}

function getview() {
    jQuery(".search_pointer").css({
        top: jQuery('#finder-12--46').position().top
    })
    if (jQuery('#finder-12--46').parent().next().find("button").length > 0) {
        jQuery(".pointer_text").text("Click Here")
    } else {
        jQuery(".pointer_text").text("Select " + jQuery('#finder-12--46').parent().next().text())
    }
}

函数getmodel（）{
var sval1=jQuery（'#finder-12--43'）.val（）；
变量形式_数据1={
下拉列表id:'44'，
父项id:sval1
};
var option=document.createElement（'option'）；
option.value=0；
option.text='加载…'；
option.label='加载…'；
jQuery（'#finder-12--45'）。追加（选项）；
var makeval=''；
jQuery（'#finder-12--44'）.html（''）；
jQuery.ajax({
键入：“POST”，
网址：'https://www.sealskincovers.com/CarLanding/data.php',
数据：表格1，
跨域：是的，
成功：功能（响应）{
var object=jQuery.parseJSON（响应）；
//警报（对象长度）；
每个（对象、函数（i、数据）{
if（data.label==makeval）{
jQuery（'#finder-12--44'）.append（''+data.label+''）；
}否则{
jQuery（'#finder-12--44'）.append（''+data.label+''）；
}
});
var sval=jQuery（'#finder-12--44'）.val（）；
变量形式_数据={
下拉列表_id:'45'，
家长id:sval
};
jQuery.ajax({
键入：“POST”，
网址：'https://www.sealskincovers.com/CarLanding/data.php',
数据：表格数据，
跨域：是的，
成功：功能（响应）{
var object=jQuery.parseJSON（响应）；
var rlen=object.length；
如果（rlen>0）{
如果（！jQuery（'#finder-12--45'）。为（'disabled'））{
jQuery（'#finder-12--45'）。removeAttr（'disabled'）；
}
jQuery（'#finder-12--45'）.html（''；
jQuery（'#finder-12--46'）.html（''；
jQuery（'#finder-12--46'）.attr（'disabled'，'disabled'）；
每个（对象、函数（i、数据）{
jQuery（'#finder-12--45'）.append（''+data.label+''）；
});
jQuery（'#finder-12--45'）.attr（'selectedIndex'，0）；
//警报（jQuery（'#finder-12--43'）.position（）.top）；
jQuery（“.search\u pointer”）.css({
top:jQuery（'#finder-12--43'）.position（）.top
})
if（jQuery（'#finder-12--43'）.parent（）.next（）.find（“button”）.length>0）{
jQuery（“.pointer\u text”）.text（“单击此处”）
}否则{
jQuery（“.pointer\u text”）.text（“选择模型”）
}
}否则{
jQuery（'#finder-12--45'）.html（''；
jQuery（'#finder-12--46'）.html（''；
jQuery（“.search\u pointer”）.css({
top:jQuery（'#finder-12--44'）.position（）.top
})
if（jQuery（'#finder-12--44'）.parent（）.next（）.find（“按钮”）.length>0）{
jQuery（“.pointer\u text”）.text（“单击此处”）
}否则{
jQuery（“.pointer\u text”）.text（“在此处选择”）
}
}
},
});
},
});
}
函数getbody（）{
var sval=jQuery（'#finder-12--45'）.val（）；
变量形式_数据={
下拉列表_id:'46'，
家长id:sval
};
var option=document.createElement（'option'）；
option.value=0；
option.text='加载…'；
option.label='加载…'；
jQuery（'#finder-12--46'）。追加（选项）；
jQuery.ajax({
键入：“POST”，
网址：'https://www.sealskincovers.com/CarLanding/data.php',
数据：表格数据，
跨域：是的，
成功：功能（响应）{
var object=jQuery.parseJSON（响应）；
jQuery（'#finder-12--46'）。removeAttr（'disabled'）；
jQuery（'#finder-12--46'）.html（''；
每个（对象、函数（i、数据）{
jQuery（'#finder-12--46'）.append（''+data.label+''）；
});
jQuery（'#finder-12--46'）.attr（'selectedIndex'，0）；
//警报（jQuery（'#finder-12--45'）.position（）.top）；
jQuery（“.search\u pointer”）.css({
top:jQuery（'#finder-12--45'）.position（）.top
})
if（jQuery（'#finder-12--45'）.parent（）.next（）.find（“button”）.length>0）{
jQuery（“.pointer\u text”）.text（“单击此处”）
}否则{
jQuery（“.pointer_text”）.text（“选择”+jQuery（“#finder-12--45”）.parent（）.next（）.text（））
}
},
});
}
函数getview（）{
jQuery（“.search\u pointer”）.css({
top:jQuery（'#finder-12--46'）.position（）.top
})
if（jQuery（'#finder-12--46'）.parent（）.next（）.find（“按钮”）.length>0）{
jQuery（“.pointer\u text”）.text（“单击此处”）
}否则{
jQuery（“.pointer_text”）.text（“选择”+jQuery（“#finder-12--46”）.parent（）.next（）.text（））
}
}

尝试使用$（'select[name=“finder[43]”）而不是jQuery（'#finder-12--43'）。当类选择器不工作时，我发现该方法很成功

由于查找元素不是您的问题，因此jQuery（“.search_pointer”）和jQuery（“#finder-12--44”）似乎不是同一个父对象，因此位置参考帧将不同，并且将两者的position.top相等可能不会给出所需的结果。您可能需要使它们属于同一父元素，然后执行一些cs