0

MySQL データベースのデータで満たされるドロップダウン ボックスを作成しようとしています。これはすでに機能しています!

ここで行き詰まりました。このドロップダウン ボックスから何かを選択すると、スクリプトが他の列の同じ行にある他のデータを表示するようにします。

カム、これで私を助けてくれますか?

これが私が今まで得たものです:

<?php 
include('include.php');
    $sql = "SELECT * FROM table ORDER BY id ASC";
    $result = mysql_query($sql) OR die(mysql_error()); 
?> 
<select name="firma" style="width:200pt"> 
<?php 
    while ($row = mysql_fetch_assoc($result)) { 
        echo '<option value="'. $row['id'] .'">'. $row['kunde'] .' ('. $row['kundennr'] .')</option>'."\n"; 
    }

?> 
</select>

探したけど全然出てこなかった!

誰かがこれで私を助けることができれば、それは素晴らしいことです!

よろしく、 アレクサンダー

4

1 に答える 1

0

セレクトボックスにIDを与える

<select id="selectcompany" name="firma" style="width:200pt"> 

これがjavascriptのみで可能かどうかはわかりませんが、jQueryの例を次に示します:

addresult.js :

$("select#selectcompany").ready(function(){
    $("select#selectcompany").on('change',function(){
         clearTimeout(delayTimer);
             delayTimer= setTimeout(function(){
                 $.post("getResult.php", {"selectedValue" : $(this).val()}, function(data){
                     if(data.length > 0) {
                         $('#result').empty();
                         $('#result').show();
                         $each(data,function(key,value){
                             $('#result').append('<input id="resultvalue" type="text" value="'+value+'" />');
                         }
                         $("#resultvalue").attr("readonly","true");                             

                     }      
                 }); 
        }, 500);
    });  
});

あなたが必要になります

<div id="result"></div>

またはこのようなもので、結果が表示されます。

PHP 関数では、表示したいデータをエコーするだけです。jQuery が情報を受け取り、変数データに保存します。

それから、それをどのように表示するかはあなた次第です。

私があなたを助けることができることを願っています:)テストされていないため、これが何らかのエラーなしで機能するかどうかはわかりません。

編集:

PHP 関数で配列を作成し、JSON で返すことができます。

echo json_encode($myArray);

あなたがこれをしなければならない部分で:

<head>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
     <script type="text/javascript" src="addresult.js"></script>
</head>

そして、結果を表示したいボディで作成する必要があります

<div id="result"></div>
于 2013-10-29T10:52:54.717 に答える