Поиск данных в избранном

Question

У меня большая база данных о клиентах, и мне нужно найти более простой способ выбора этих данных. Я пытаюсь использовать этот код, но по какой-то причине я не могу «фильтровать» данные. Спасибо за вашу помощь.

function trocaOpcao(valor, objSel) {
    for (i=0; i < objSel.length; i++){
        qtd = valor.length;
        if (objSel.options[i].text.substring(0, qtd).toUpperCase() == valor.toUpperCase()) {
            objSel.selectedIndex = i;
            break;
        }
    }
}

<fieldset id="iLocal">
    <input type="text" name="nLocalizar" id="iLocalizar" placeholder="Digite o controle que deseja pesquisar" onkeyup="trocaOpcao(this.value, document.form.nId);">
</fieldset>
<fieldset class="Prop2">
    <legend class="legend">Localizar</legend>
    Localizar:
    <select name="nId" id= "iId" class="nNamesel" onchange="Alterar(this.value)">
        <option value="0" disabled selected>Selecione o Proprietário</option>
        <?php
            $result_nome="SELECT * FROM teste ORDER BY proprietario";
            $resultado=mysqli_query($conexao,$result_nome);
            while($row_resultado=mysqli_fetch_assoc($resultado)){ 
        ?>
        <option id="iOpt" value="<?php echo $row_resultado['id'];?>">
            <?php 
                echo utf8_encode( $row_resultado['id']." - ".$row_resultado['proprietario']." / ".$row_resultado['logradouro']) 
            ?>
        </option>
        <?php
            }
        ?>

    </select></br></br>
</fieldset>

Я хочу ввести идентификатор на входе и показать этот идентификатор в select с данными клиента, поэтому, когда я нажму на select, я легко найду то, что хочу ..

P.S = Когда я пытался сделать это на другой странице, он отлично работал

Answer 1

Вот один из способов сделать это. Я удалил код PHP, который не имеет отношения к ответу.

function trocaOpcao(valor, objName) {
    var objSel = document.querySelector('[name=' + objName + ']');
    for (i=0; i < objSel.length; i++){
        if ( objSel.options[i].text
               .toUpperCase()
               .indexOf(valor.toUpperCase()) != -1 ) {
            objSel.selectedIndex = i;
            break;
        }
    }
}

<form>
  <fieldset id="iLocal">
      <input type="text" name="nLocalizar" id="iLocalizar" placeholder="Digite o controle que deseja pesquisar" onkeyup="trocaOpcao(this.value, 'nId');">
  </fieldset>
  <fieldset class="Prop2">
      <legend class="legend">Localizar</legend>
      Localizar:
      <select name="nId" id="iId" class="nNamesel" onchange="">
         <option value="0" disabled selected>Selecione o Proprietário</option>
         <option id="iOpt" value="1">1-Fulano-local1</option>
         <option id="iOpt" value="2">2-Beltrano-local2</option>
         <option id="iOpt" value="3">3-Sicrano-local3</option>      </select>
     </br></br>
  </fieldset>
</form>

Пожалуйста, поймите, с этим решением вы можете поместить все, что вы хотите во входе. Не только ценность. Пример: попробуйте ввести: «пояс».