如何將下拉列表的選定值提取到另一個下拉列表中

我正在開發一個用於執行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>

在這裏，我需要獲取組別的設定值，在（）的函數...

來源

2013-02-27 MGR

心..沒有得到實際的想法.wt想做的事.. – 2013-02-27 05:34:28

你的語法是錯誤的嘗試組別的

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

上面的代碼現在進行測試檢查，我相信它會工作。

來源

2013-02-27 05:32:30

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

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

雖然我的答案是類似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-27 05:42:45

如何將下拉列表的選定值提取到另一個下拉列表中

回答

相關問題