0

ユーザーがドロップダウンリストから選択した値を選択した後、テーブルを表示する必要があります。コーディングの例をインターネットで検索してみましたが、見つかりませんでした。私のコーディングは次のようになります:

<select name="ddlEqu" size="1" tabindex="1" onchange="select(this.value)" id="Equddl_source">
  <option selected value="select"><--Select--></option>
  <option value="D1">T-Shirt</option>
  <option value="D2">Jacket</option>
  <option value="D3">Shoes</option>
</select>

ユーザーが T シャツを選択すると、T シャツのリストが表形式で表示されます。このような :

ID    |  T-Shirt      | Description    | Price
1     | Mickey Mouse  | Color = Black  | RM 29.90
2     | Camera Shirt  | Color = Pink   | RM 32.50
3     |               |       = White  |

誰か助けてくれませんか...

4

2 に答える 2

0

可能であればjQueryを使用してください。その後、データを簡単に取得したり、他に必要なことを行うことができます。select(this.value) を実行する必要さえありません。「ItemSelectedEvent」のような関数を作成するだけです。

var id = 0;

//This uses jquery
function ItemSelectedEvent
{
        id++;
    if($(#Equddl_source).val() == "D1") //Might also try for example (.val() == "Jacket")
    {
        $(#TableName).append("<tr><td>" + id + " | " + $(#Equddl_source).val() + " | </td></tr>");
    }
}

これは、あなたが何を見ているのかを示しているだけの、非常に醜い簡単な例です。あなたが望むものは確かにグーグルにあります。ただ試してみてください。これにより、十分なジャンプスタートが得られるはずです。

于 2012-04-17T04:42:29.263 に答える
0

ページの読み込み時にすべてのテーブルを読み込む必要があることを願っています。ID table_D1、table_D2、および table_D3 それぞれを持つアイテム D1、D2、および D3 の 3 つの非表示テーブルがあるとします。テーブルがまだロードされていない場合は、おそらくAJAX経由でデータをフェッチする必要があります

$('#Equddl_source').change(function () {
   $('#table_' + this.value).show();       
});
于 2012-04-17T06:22:25.313 に答える