php - 当 ID 由 PHP 动态创建时，如何在 Java 脚本中获取选项 elementId？

Question

可能重复：
如何使用 JavaScript 获取下拉列表的选定值？

我有一个下拉列表框，其条目是使用 php 从 mysql 动态填充的。

这是片段。

   <?php
        //include '../db/interface/DB_Manager.php';
        $connect = mysql_connect("localhost", "root", "infinit") or die(mysql_error()); 
        mysql_select_db("serverapp") or die(mysql_error()); 

        $query = "select id,name from rpt_shift_def"; //Write a query
        $data = mysql_query($query);  //Execute the query
    ?>
    <select id="selectShift" name="selectShift" onchange="ready(this.value)">
    <?php
    while($fetch_options = mysql_fetch_array($data)) { //Loop all the options retrieved from the query
    ?>

    <option id ="<?php echo $fetch_options['id']; ?>"  value="<?php echo $fetch_options['name']; ?>"><?php echo $fetch_options['name']; ?></option><!--Echo out options-->
    <?php
        }
    ?>
    </select>

现在我希望选项 id 中的值将其传递给 Mysql 查询以将这些值用作过滤器（这些 ID 是此处用作主键的 Mysql 的 UUID）。

如果 id 是静态的，我可以使用 document.getElementById("ID"); 要获取这些值，因为它是 PHP 回声，我不能使用 document.getElementById()。

如何在 Javascript 中的 ID 中获取 echo'ed 中的值。

Answer 1

感谢 Marwan Alsabbagh，使用 options[e.selectedIndex].value 解决了我的问题。

   select = document.getElementById("selectShift");
   select.onchange = function(){
        var options = this.getElementsByTagName("option");
        optionHTML = options[this.selectedIndex].value; 
   }