如何将下拉列表的选定值提取到另一个下拉列表答案

【问题标题】：how to fetch the selected value of a drop down list to another drop down list如何将下拉列表的选定值提取到另一个下拉列表
【发布时间】：2013-02-27 05:21:21
【问题描述】：

我正在开发一个用于执行 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

我需要获取 Selected 项目，以检索我的计算金额...

我怎样才能做到这一点...

<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的选定值...

【问题讨论】：

心..没有得到实际的想法.wt想做..

标签： php onchange html-select selectionchanged

【解决方案1】：

你的语法错误试试

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

select 发生更改时将 category1 的值作为参数传递。

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>

上面的代码现在已经过测试，我确定它会工作。

【讨论】：

@GowthAMI 你有没有正确检查我的答案..？
请再次检查我的答案。

【解决方案2】：

虽然我的回答与 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>

【讨论】：