2013-02-27 64 views
1

我正在开发一个用于执行2个下拉列表值的php文件。如何将下拉列表的选定值提取到另一个下拉列表中

在我的下拉列表中,我有类别,如项目1,项目2,项目3,项目4,列表...

而在另一个下拉列表中我有子类别在第一列表作为每个类别,B,C,d,E,F,...

我的想法是,同时改变第一列表的价值,我需要的值传递给第二个列表...

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

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

所以,..

1项 - > A = 100 第2项 - > A = 75 第1项 - >乙= 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> 

在这里,我需要获取组别的设定值,在()的函数...

+0

心..没有得到实际的想法.wt想做的事.. – 2013-02-27 05:34:28

回答

0

你的语法是错误的尝试组别的

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

通值作为参数变化时发生在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> 

上面的代码现在进行测试检查,我相信它会工作。

+1

@GowthAMI有你妥善检查我的答案..? – 2013-02-27 05:36:09

+1

请再次检查我的答案。 – 2013-02-27 05:49:00

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> 
相关问题