獲取選定的下拉列表而不提交按鈕

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