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

Question

我在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函数中使用。

欢迎任何帮助。

Answer 1

获取所选的Id年份和三个月的文本

function getVal(clicked_id){

 $('#year :selected').text();

 $('#trimester :selected').text();
}

获取所选值

 function getVal(clicked_id){
  $('#year').val();

 $('#trimester').val();
}

Answer 2

使用jquery val函数

function getVal(){
  $('#year').val();
  $('#trimester').val();
}

Answer 3

如果你使用的是JQuery，你可以像获取它一样

function getVal(){

 var ddlYear= $('#year').val();
 var ddlTrimester= $('#trimester').val();    

}

Answer 4

看到你正在获得价值你需要返回数据，它的逻辑性。不要只是存储在变量中。

function getValYear(){
 return $('#year').val();
}

function getValTrimester(){
 return $('#trimester').val();    
}

Answer 5

在删除之前，我看到了另一个关于将UI元素放入表格单元格的问题。 这似乎是这个问题的延伸，所以我想我会在这里发布。 我想你可能想考虑将选择框和ui元素直观地移动到表格单元格中。

这是我在你删除你的问题之前所做的jsfiddle，并认为你可能想看到它。 似乎与你在这里提出的问题有些相关，如果只是在开发中进一步的几步......

$("select").addClass("hidden");

$("#abc-td").on("click focus", function (){
    var $offset = $(this).offset();
    var $top = $offset.top - 9,
        $left = $offset.left - 9,
        $height = $(this).outerHeight(),
        $width = $(this).outerWidth();
    $("#abc").css({
        position: "absolute",
        top: $top,
        left: $left,
        height: $height,
        width: $width
    }).removeClass("hidden").focus();
});

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

问题描述

5 个解决方案

解决方案1
2 2014-11-14 05:09:34

解决方案2
1 2014-11-14 05:09:12

解决方案3
1 2014-11-14 05:09:56

解决方案4
0 2014-11-14 06:23:52

解决方案5
0 2014-11-21 09:56:51

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

问题描述

5 个解决方案

解决方案1 2 2014-11-14 05:09:34

解决方案2 1 2014-11-14 05:09:12

解决方案3 1 2014-11-14 05:09:56

解决方案4 0 2014-11-14 06:23:52

解决方案5 0 2014-11-21 09:56:51

解决方案1
2 2014-11-14 05:09:34

解决方案2
1 2014-11-14 05:09:12

解决方案3
1 2014-11-14 05:09:56

解决方案4
0 2014-11-14 06:23:52

解决方案5
0 2014-11-21 09:56:51