2

2 つの選択ボックスを含むフォームがあります。これらのボックスは両方とも、php を介してデータベースからオプションを引き出します。

最初のものは、次のように ISBN で注文された本のリストを示しています。

<ISBN> - <Book name>

2 番目の選択ボックスには、前の選択 (ISBN に基づく) で選択された書籍に存在するすべての版が一覧表示され、版の番号だけでそれぞれが表示されます。

このフォームで私が行うことは、選択した書籍の特定のコピーを特定の版に挿入し、そのシリアル番号をデータベースに挿入することです。

私がやろうとしているのはonChange、最初から選択された ISBN を取得し、selectそれを使用して 2 番目の選択のオプションを表示することです。

関数を使用して本をdropdown()表示し、エディションを選択します。selectdropdownEdition()

function dropdown($intIdField, $strNameField, $strTableName, $strOrderField, 
         $strNameOrdinal, $strMethod="asc") {
   echo "<select name=\"$strNameOrdinal\">\n";
   echo "<option value=\"NULL\">Select Value</option>\n";
   
   $strQuery = "select $intIdField, $strNameField
               from $strTableName
               order by $strOrderField $strMethod";

   $rsrcResult = mysql_query($strQuery);

   while($arrayRow = mysql_fetch_assoc($rsrcResult)) {
       $strA = $arrayRow["$intIdField"];
       $strB = $arrayRow["$intIdField"] . " - " . $arrayRow["$strNameField"];
       echo "<option value=\"$strA\">$strB</option>\n";
   }
   echo "</select>";
}

function dropdownEdition($intId1Field, $intId2Field, $strTableName, $strOrderField, 
         $strNameOrdinal, $strMethod="asc") {      
    
   echo "<select name=\"$strNameOrdinal\">\n";
   echo "<option value=\"NULL\">Select Value</option>\n";
   
   $strQuery = "SELECT $intId1Field, $intId2Field
               FROM $strTableName
               ORDER BY $strOrderField $strMethod";

   $rsrcResult = mysql_query($strQuery);

   while($arrayRow = mysql_fetch_assoc($rsrcResult)) {
       $strA = $arrayRow["$intId1Field"];
       echo "<option value=\"$strA\">$strA</option>\n";
   }

   echo "</select>";
}

基本的にやりたいことは、以前に選択した ISBN をonChange, の変数$intId2Fieldに渡すことdropdownEdition()です。

それに関する問題は、チュートリアルを検索しましたが、jQuery、Javascript、または AJAX を使用したことがなく、非常に初心者の Web プログラマーであるため、何も理解できないことです。それが私がここで助けを求めている理由です。

2 つの関数の呼び出し方法は次のとおりです。

 <?php dropdown("book_ISBN", "book_title", "book", "book_ISBN", "book"); ?>

 <?php dropdownEdition("edition_no", "???????", "edition", "edition_no", "edition"); ?>`

???? 渡す方法がわからないため、book_ISBN です。

テーブルの接続方法は次のとおりです。

ここに画像の説明を入力

参考文献 -

4

1 に答える 1

1

すでにこれを理解しているようですが、サーバーに対して非同期リクエストを行い、ISBN を PHP スクリプトに渡して mySQL クエリを実行する必要があります。

PHP スクリプトは mysql の結果を、おそらく JSON オブジェクトとして返します。これは、JS を使用して解析し、HTML としてフォーマットすることができます。

これは、デモンストレーションのためにまとめたコードです。

HTML:

<select name="isbn-select" id="isbn-select">
  <option value="">Select an ISBN</option>
  <option value="isbn1">isbn1</option>
  <option value="isbn2">isbn2</option>
  <option value="isbn3">isbn3</option>
</select>

JS:

$('#isbn-select').on('change', function() {
  isbn = $('#isbn-select').val();
  $.getJSON('get_editions.php',
  {
  isbn: isbn
  },
  function(data) {
    var editions = [];
    $.each(data, function(index, val) {
      editions.push('<option value="' + val + '">' + val + '</option>');
    });
    $('<select/>', {
      'id': 'editions-select',
      'name': 'editions-select',
      html: editions.join('')
    }).appendTo('body');
  });
});

PHP:

<?php
// Code to select editions from your database goes here....
// Your isbn can be accessed as $_GET['isbn']
$editions_arr = array('editon1', 'edition2', 'edition3');
echo json_encode($editions_arr);
?>

jQuery のgetJSONメソッドを使用して、から JSON オブジェクトを取得しましたget_editions.php。結果は としてフォーマットされselect、HTML ドキュメントに追加されます。簡単にするために、エラーチェックや検証は行っていません。

これが正しい軌道に乗るのに役立つことを願っています!

編集：

JSON オブジェクトの代わりに書式設定された HTML を返したい場合は、次の方法でそれを行うことができます。

JS:

$('#isbn-select').on('change', function() {
  isbn = $('#isbn-select').val();
  $.get('get_editions.php',
  {
  isbn: isbn
  },
  function(data) {
    $('body').append(data);
  });
});

PHP:

<?php
// Code to select editions from your database goes here....
// Your isbn can be accessed as $_GET['isbn']
$editions_html = '<select id="editions-select" name="editions-select">';
$editions_html .= '<option value="edition1">edition1</option>';
$editions_html .= '<option value="edition2">edition2</option>';
$editions_html .= '<option value="edition3">edition3</option>';
$editions_html .= '</select>';
echo $editions_html;
?>

ここで jQuery の AJAX 関数を読むことができます: http://api.jquery.com/category/ajax/

于 2012-06-11T11:00:47.163 に答える