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>

我想在输入中输入ID，并在选择中与客户数据一起显示这些ID，因此，当我单击选择时，我会很容易找到想要的东西。

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>

请理解这种解决方案，您可以在输入中放入任何所需内容。不只是价值。例如：尝试输入：“皮带”。

在选择中搜索数据

1 个答案: