数据列表验证中 Obj.length>0 错误

我有一个脚本，我通过 tempmankey 在网站上运行它。该脚本基本上是在输入字段中插入数据列表，并根据数据列表选择的值更改其他输入值。

code:

(function() {
$("bdi:contains('Truck No')").closest('div').next().find('input').attr({
        maxlength: "10",
        Autocomplete: "OFF",
        list: "KASHIPUR",
        Placeholder: "TRUCK NUMBER",
        autocapitalize:"ON"
        }).after('<Datalist ID=KASHIPUR></Datalist>');

 $("bdi:contains('Truck No')").closest('div').next().find('input').blur(function(){
       var val=$("bdi:contains('Truck No')").closest('div').next().find('input').val();
        var obj=$("#KASHIPUR").find("option[value='"+val+"']");
    if(((obj !=null) && (obj.length>0))||($("bdi:contains('Vehical Type')").closest('div').next().find('input').val()==""))

       return false;
            else
                 alert("Pls Ask Depot to add the Vehicle Number");
     $("bdi:contains('Truck No')").closest('div').next().find('input').focusin();})


     const options = [
["DL01GB2355","9690023061"],
["UK18CA6626","9690023062"],
["UK18CA6821","9760027187"]
 ];

   jQuery( function($) {
const HTMLOptions = options.reduce((html, item) => {
 html += `<option value="${item[0]}"lebel="${item[1]}"lebel1="${item[2]}"></option>`;
 return html;
  }, "");

$("#KASHIPUR")
.empty().append(HTMLOptions)
$(document).ready(function() {

$("bdi:contains('Truck No')").closest('div').next().find('input').click(function()
{
    var value = $("bdi:contains('Truck No')").closest('div').next().find('input').val();
    ($('#KASHIPUR [value="' + value + '"]').data('value'));
    });
  });

$(document).on('change', $("bdi:contains('Truck No')").closest('div').next().find('input'), function () {
     $("bdi:contains('Driver Mobile No')").closest('div').next().find('input').val
     ($("#KASHIPUR option[value='" + $("bdi:contains('Truck No')").closest('div').next().find('input').val() + "']").attr("lebel"));
  });

$(document).on('change', $("bdi:contains('Truck No')").closest('div').next().find('input'), function () {
     $("bdi:contains('Driver Name')").closest('div').next().find('input').val
     ($("#KASHIPUR option[value='" + $("bdi:contains('Truck No')").closest('div').next().find('input').val() + "']").attr("lebel1"));
  });

 $("Datalist").slice(1).remove()



})

它第一次不起作用，如果我前后移动它就可以工作

错误-正在进入else但条件为真

    if(((obj !=null) && (obj.length>0))||($("bdi:contains('Vehical 
  Type')").closest('div').next().find('input').val()==""))

       return false;
           else
             alert("Pls Ask Depot to add the Vehicle Number");
 $("bdi:contains('Truck No')").closest('div').next().find('input').focusin();})

对我来说听起来像是一个时间问题。

有些页面在加载后会加载附加数据。如果您的脚本尝试访问稍后加载的元素，则您的脚本找不到它。

我不熟悉篡改猴 https://www.tampermonkey.net/documentation.php。你能用一个来调用你的 main 函数吗setTimeout https://developer.mozilla.org/en-US/docs/Web/API/setTimeout ?

E.g.:

setTimeout(
    function(){
        yourMainFunction();  // <-- call your main function here
    },
    1500 // <-- delay in milliseconds. Try how much is necessary.
);

如果您需要它（即，如果您无法使用已有的函数），您可以将代码包装在一个额外的函数中，如下所示：

const yourMainFunction = function(){

    $("bdi:contains('Truck No')").closest('div').next().find('input').attr({

    // ... rest of your code here ...

}; <-- end of function

setTimeout( yourMainFunction, 1500 ); // <-- call function with delay