检测所选项目是否在数据列表中

Question

我有一些JQuery，我试图用来检测数据列表选择框中的值是否实际在列表中，这就是我所拥有的。

<div class='form-row'>
    <div class='col-xs-12 form-group required' style="margin-top: -2px; margin-bottom: 0px;">
        <h2>
            <label class='control-label' style="font-size: 20px;">
                Product code
            </label>
        </h2>
        <input required id="ItemSelect" list=jobs style='font-size:21px;height: 40px;' class='form-control' name="Code">
        <datalist id="jobs">
            <?php
                foreach ($this->Products as $a) {
                    $inputValue = "  " . htmlentities($a["Code"] . " | " . $a["Name"]) . " ";
                    echo '<option>' . $inputValue;
                }
            ?>
        </datalist>
    </div>

$('#submit').on('click', function (e) {
    var datalistval = $('#ItemSelect').val();
    console.log(datalistval);
    console.log($("#ItemSelect option[value='" + datalistval + "']").length)

    if ($("#ItemSelect option[value='" + datalistval +  "']").val() === undefined) {
        console.log("not there");
    } else {
        console.log(" there");
    }
});

目前有这个，如果我输入一个不在列表中的值，它返回为no，但如果我从列表中选择一个，它也会返回。

这里是console.logs的输出

console.log(datalistval); // X01A172 | Sub Assembly 2
console.log($("#ItemSelect option[value='" + datalistval + "']").length) // 0  
not there