1

我正在开发一个用于执行 2 个下拉列表值的 php 文件。

在我的下拉列表中，我列出了 Item1、Item2、Item3、Item4 等类别的列表...

在另一个下拉列表中，我为第一个列表中的每个类别都有子类别，如 A、B、C、D、E、F、...

我的想法是，在更改第一个列表的值时，我需要将值传递给第二个列表......

这意味着，如果我更改第二个列表中的值，它必须获取在第一个列表中选择的值...

所有类别的子类别都相同。但在我的计算中，我使用了每个类别和子类别的价格..

所以，..

项目 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>

在这里，我需要在函数（）中获取 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 回答