1

2 つのドロップダウン リストの値を実行するための php ファイルを開発しています。

ドロップダウン リストには、Item1、Item2、Item3、Item4 などのカテゴリのリストがあります。

そして別のドロップダウンリストには、最初のリストの各カテゴリのサブカテゴリが A、B、C、D、E、F としてあります...

私の考えは、最初のリストの値を変更しながら、値を2番目のリストに渡す必要があるということです...

つまり、2番目のリストの値を変更すると、1番目のリストで選択した値を取得する必要があります...

サブカテゴリは、すべてのカテゴリで同じです。しかし、私の計算では、各カテゴリとサブカテゴリの価格を使用しました..

そう、..

アイテム 1 -> A = 100 アイテム 2 -> A = 75 アイテム 1 -> B = 198 アイテム 2 -> B = 146 アイテム 1 -> C = 160 アイテム 2 -> C = 175

計算の金額を取得するには、選択したアイテムをフェッチする必要があります...

どうすればこれを達成できますか...

<select name="Category1" size="1" id="Category1" >
  <option value="Item1">Item1</option>
  <option value="Item2">Item2</option>
  <option value="Item3">Item3</option>
  <option value="Item4">Item4</option>
  <option value="Item5">Item5</option>
  <option value="Item6">Item6</option>
</select>
<select name="Category2" size="1" id="Category2" onchange=function()>
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
  <option value="E">E</option>
  <option value="F">F</option>
  <option value="G">G</option>
  <option value="H">H</option>
</select>

ここでは、function() で、Category1 の選択された値をフェッチする必要があります...

4

2 に答える 2

0

構文が間違っています

<select name="Category2" size="1" id="Category2" onchange="function(document.getElementById('Category1').value);">

に変更が発生したときに、category1の値を引数として渡しますselect。

OPコメント応答

<script type="text/javascript">  
    function changeFunction(cat)
    {
        alert(cat);
    }
</script>

<select name="Category1" size="1" id="Category1" >
    <option value="Item1">Item1</option>
    <option value="Item2">Item2</option>
    <option value="Item3">Item3</option>
    <option value="Item4">Item4</option>
    <option value="Item5">Item5</option>
    <option value="Item6">Item6</option>
</select>
<select name="Category2" size="1" id="Category2" onchange="changeFunction(document.getElementById('Category1').value);">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
    <option value="E">E</option>
    <option value="F">F</option>
    <option value="G">G</option>
    <option value="H">H</option>
</select>

上記のコードはテストされています。動作することを確認してください。

于 2013-02-27T05:32:30.903 に答える
0

私の答えはDevangのものと似ていますが、これを行うためのもう少し適切な方法は次のようになります:

<select id="category" onchange="calculatePrice">
  ...
</select>
<select id="subCategory" onchange="calculatePrice">
  ...
</select>
<input id="price">

<script>
  function calculatePrice() {
    var category = document.getElementById('category').value,
        subCategory = document.getElementById('subCategory').value;

    if (category && subCategory) {
      document.getElementById('price').value = ...;
    }
  }
</script>
于 2013-02-27T05:42:45.060 に答える