テキストボックスにテキストを入力して、同様のテキストをドロップダウンリストに追加します。

ドロップダウンリストはデータベースに接続しています。データベースは2列あります。とnameです。私のドロップダウンリストは完全に機能しますが、idnoを入力したときにid32と似ているので、nameをボタンのサブミットなしでドロップダウンリストに取り込むことができます。誰にでも助けてくれますか？ここは私のindex.phpファイルは、あなたが以下のようにJS/jQueryの中でそれを行うことができますテキストボックスにテキストを入力して、同様のテキストをドロップダウンリストに追加します。

<?php 
 
mysql_connect('localhost', 'root', ''); 
 
mysql_select_db('test'); 
 

 
$sql = "SELECT name FROM schol"; 
 

 
$result = mysql_query($sql); 
 
?> 
 

 
<body> 
 
    <form name="form1" method="post" id="form1" action=""> 
 
    <table class="form" > 
 
     <tr> 
 
      <td>Item:</td> 
 
      <td>Id no</td> 
 
     </tr> 
 
     <tr> 
 
     <td><input name="itemid" type="text" id="itemid"/></td> 
 
     <td><?php echo "<select name='dropdwn'>"; 
 
      while ($row = mysql_fetch_array($result)) { 
 
      echo "<option value='" . $row['idno'] ."'>". $row['name'] ."</option>"; 
 
       } 
 
      echo "</select>";?> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
</form> 
 
</body>

出典

2017-03-22 nuwan siriwardhana

あなたは送信ボタンがなくフォームタグはクローズされていません –

mysql_ *構文の使用を控えると、それらはすでに除外されています。 – Swellar

申し訳ありませんフォームタグ私はそれを見逃しますが、それは問題ではありません –

-1

です。注：ヘッドタグにjqueryを追加することを忘れないでください。

<input type="text" id="optValue" /> 
     <div id="opValues"> 
      <select id="optionSel"> 
       <option value="1">One</option> 
       <option value="2">Two</option> 
      </select> 
     </div> 
     <script> 
      $("#optValue").keyup(function() {               
       $.get("products.php?id=" + $(this).prop("value"), function(data) { 
        $("#opValues").html(data);     
       }); 
      }); 
     </script>

PHPコード：。（products.php）

<?php 
mysql_connect('localhost', 'root', ''); 
mysql_select_db('test'); 

$sql = "SELECT name FROM schol WHERE idno = %d"; 

$result = mysql_query(sprintf($sql, $_GET['idno'])); 

$ret = "<select>"; 
while($row = mysql_fetch_array($result)) { 
    $ret .= "<option value=" . $row["idno"] . ">". $row["name"] ."</option>" 
} 
$ret .= "</select>" 

echo $ret; 
?>

出典

2017-03-22 04:48:33 imprezzeb

あなたに感謝しますが、ここでドロップダウンしてもdb.howのデータを取得できます。これを私に追加することはできます –

本当のユースケースは何ですか？ IDがテキストボックスに入力されるたびにdbからasynchonouselyを取得したいですか？または（上記のコードから）DBから一度取得して選択オプションを生成した後、ページの読み込みが完了したときに、ユーザーがテキストボックスにIDを入力した場合、そのIDなしの項目を選択する選択オプションが必要です？それはどちらですか？ – imprezzeb

はい私はテキストボックスにIDが入力されるたびにdbからasynchonouselyを取得する必要があります。 –

希望これは、テキストボックスのblurイベント VAR your_text_box_value = $（ '＃自分のテキストID'）のval（）でに役立ちます。$（ 'select_bix_idオプション[value = "' + your_text_box_value + '"]'）。attr（ "selected"、 "selected"）;

出典

2017-03-22 04:58:07

ありがとうsir.how私はドロップダウンリストサーに接続できます。 –

テキストボックスにテキストを入力して、同様のテキストをドロップダウンリストに追加します。

答えて

関連する問題