选项标记中to值的document.getElementById为的PHP

我想从选项标记中获取“id”的值。。。。如何编辑函数。每次我运行它都会显示id信息，但我想显示价格信息

如何编辑var sel=document.getElementById'proID'

这条线请建议我帮忙

<tr>
                    <td><label>  Product : </label></td>
                    <td>
                        <select id="proID" name="proID" >
                           <option>Select Product</option>
                                     <?php
                                       $getProId = $pi->getAllProd();
                                        foreach($getProId as $pi){
                                        ?>          
                            <option value="<?php echo $pi['proID'] ;?>" id="<?php echo $pi['proUPrice'];?>"><?php echo $pi['proName'] ;?></option>
                                        <?php } ?>
                        </select> 
                             <input type="text" size="30" name="display" id="display" />
                             <p>
                            <input type="button" id="showVal" value="Value Property" />     
                            </p>    
                     </td>              
                    </tr>
<script>(function() {

    // get references to select list and display text box
    var sel = document.getElementById('proID');
    var el = document.getElementById('display');


    function getSelectedOption(sel) {
        var opt;
        for ( var i = 0, len = sel.options.length; i < len; i++ ) {
            opt = sel.options[i];
            if ( opt.selected === true ) {
                break;
            }
        }
        return opt;
    }

    // assign onclick handlers to the buttons
    document.getElementById('showVal').onclick = function () {
        el.value = sel.value;    
    }   

}());</script>

---

选中示例以选择所选选项的属性。。 $document.on'change'，proID'，函数{ var val=$选项：selected'，this.attr'value'； console.logval； } 精选产品 样本11 样本22

---

选中示例以选择所选选项的属性。。 $document.on'change'，proID'，函数{ var val=$选项：selected'，this.attr'value'； console.logval； } 精选产品 样本11 样本22

---

下面是获取所选选项id的纯javascript解决方案

select = document.getElementById('proID');
var selectedOpt = select.options[select.selectedIndex];
alert(selectedOpt.id); 

这是小提琴

---

这里是获取所选选项id的纯javascript解决方案

select = document.getElementById('proID');
var selectedOpt = select.options[select.selectedIndex];
alert(selectedOpt.id); 

这是小提琴

---

什么？请您详细说明问题的实质是什么？当我运行代码时，它会给出产品id，但我希望它显示所选产品的价格您实际需要id的原因是我的先生让我显示所选产品的价格。。。。它必须从数据库中检索什么？请您详细说明问题的实质是什么？当我运行代码时，它会给出产品id，但我希望它显示所选产品的价格您实际需要id的原因是我的先生让我显示所选产品的价格。。。。它必须从数据库中检索。我非常感谢你。。。。。这是我的最后一个项目，在过去的4天里我一直在做这个。你救了我的命…我欠你的我真是太感谢你了。。。。。这是我的最后一个项目，在过去的4天里我一直在做这个。你救了我的命…我欠你的