获取选定的下拉值而不提交按钮

时间:2014-11-13 09:57:16

标签: javascript php jquery html

我在PHP代码生成的html表之外有2个下拉列表。我在此表中提交了按钮
 正如下面的代码所解释的那样。

 <!doctype html>
            Select Year:
                   <select name=\"year\" id=\"year\"  style="width: 200px">
                      <option value=\"2014\">2014</option>
                      <option value=\"2015\">2015</option>
                    </select>

                Select Trimester: 
                    <select name=\"trimester\" id=\"trimester\" style="width: 200px">
                        <option value=\"1st\">1st</option>
                        <option value=\"2nd\">2nd</option>
                        <option value=\"3rd\">3rd</option>
                    </select> 

<?php
     while($row = mysql_fetch_array($result)){
                      $ict_id= $row['id'];
                      $name= $row['name'];
          echo "<tr><form name=\"form$id\" id=\"form$id\"><td>".$name."</td>

        <td>
          <select name=\"absent$id\" id=\"absent$id\" style=\"width: 200px\">
            <option value=\"1\">1</option>
            <option value=\"2\">2</option>
          </select>
        </td>

        <td>
          <select name=\"creative$id\" id=\"creative$id\" style=\"width: 200px\">
            <option value=\"1\">1</option>
            <option value=\"2\">2</option>
          </select>
        </td>

        <td>
          <select name=\"problem$id\" id=\"problem$id\" style=\"width: 200px\">
            <option value=\"1\">1</option>
            <option value=\"2\">2</option>
          </select>
        </td>

    <td>
    <input type=\"button\" name=\"submit$id\"  id=\"submit$id\" value=\"Submit\"      onclick=\"getVal(this.id)\">
?>

单击此按钮,将加载以下javascript函数。

function getVal(clicked_id){

}

我的问题是如何获得年份和三个月的选定值并在getVal函数中使用。

欢迎任何帮助。

1 个答案:

答案 0 :(得分:0)

onchange事件添加到select元素并将id传递给它,如下所示:

<select onchange="getVal(this.id)" name=\"absent$id\" id=\"absent$id\" style=\"width: 200px\">

像这样调用getVal函数:

function getVal(clicked_id){
    alert(clicked_id);
}