将变量值从一个函数传递到另一个函数

Question

I have used 3 functions. getvalyear() and getvaltrimester() are used to get value of selected dropdown. getVal() gets id as parameter from the clicked button.

function getvalyear(ctrl1){    
    var sel = ctrl1.selectedIndex; 
    var selVal1 = ctrl1.options[sel].value;      
}

function getvaltrimester(ctrl2){
    var sel = ctrl2.selectedIndex; 
    var selVal2 = ctrl2.options[sel].value;
}

function getVal(clicked_id)
{

}

getvalyear() and getvaltrimester() function get's called from select menu as

Select Year:
       <select name="year" id="year"  style="width: 200px" onchange="getvalyear(this)">
          <option value="2014">2014</option>
          <option value="2015">2015</option>
          <option value="2016">2016</option>
          <option value="2017">2017</option>   
          <option value="2018">2018</option>
        </select>
    &nbsp;&nbsp;&nbsp;&nbsp;
    Select Trimester: 
        &nbsp;&nbsp;
        <select name="trimester" id="trimester" style="width: 200px" onchange="getvaltrimester(this)">
            <option value="1st">1st</option>
            <option value="2nd">2nd</option>
            <option value="3rd">3rd</option>
        </select>

getVal() function get's called on button click as

    <?php
      require('connect.php');
      $sql = "SELECT ictv_id,ictv_name, lb_name FROM ictv_details where region_id='1' and lb_type='DDC' ";
      $result = mysql_query($sql)or die(mysql_error());
      echo "<div style='text-align: left'>";                   
      echo "<table>";
      echo "<tr><th>Name</th><th>Local Body</th><th>Absenteeism</th>
      <th>Creativity</th><th>Problem Solving</th><th>Submit</th></tr>";
      while($row = mysql_fetch_array($result)){
                  $ict_id= $row['ictv_id'];
                  $name= $row['ictv_name'];
                  $lb= $row['lb_name'];
      echo "<tr><form name=\"form$ict_id\" id=\"form$ict_id\"><td>".$name."</td><td>".$lb."</td>

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

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

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

<td>
<input type=\"button\" name=\"submit$ict_id\"  id=\"submit$ict_id\" value=\"Submit\" class=\"btn btn-primary \" onclick=\"getVal(this.id)\">

</td>
</form>

</tr>";

} 

      echo "</table><br /><br /></div>";
     // mysql_close();

  ?> 

My query is how can I use Value of selVal1 and selval2 in getVal function without passing argument.

Answer 1

var selVal1 = "";
var selVal2 = "";
function getvalyear(ctrl1){

  var sel = ctrl1.selectedIndex; 
  selVal1 = ctrl1.options[sel].value; 

}

function getvaltrimester(ctrl2){
   var sel = ctrl2.selectedIndex; 
   selVal2 = ctrl2.options[sel].value;
}

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