javascript - Passing variable value from one function to another - Stack Overflow

admin管理员组

文章数量:1334420

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.

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.

• javascript
• php
• jquery
• html

Share Improve this question Follow edited Nov 15, 2014 at 8:14 stackuser asked Nov 15, 2014 at 6:36 stackuserstackuser 9333 silver badges1313 bronze badges 6

• 1 Why not use global variables then? Make selVal1 and selval2 as global. – Sajib Acharya Commented Nov 15, 2014 at 6:40
• If you're using jQuery, show us how these functions are called, that way you can probably avoid globals. – adeneo Commented Nov 15, 2014 at 7:04
• @SajibAcharya I made selVal1 and selVal2 as global variable but it's value aren't displayed in getval function – stackuser Commented Nov 15, 2014 at 8:18
• @stackuser did you try Rushee's solution? – Sajib Acharya Commented Nov 15, 2014 at 9:57
• @SajibAcharya I have tried but it didn't sort out my problem – stackuser Commented Nov 15, 2014 at 14:23

 |  Show 1 more ment

3 Answers 3

Sorted by: Reset to default 4

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 );
 }

your getvalyear() and getvaltrimester() both performs the same functionality so,it can be just a single function.

var selected_array = [];//array variable

function getvalyear(ctrl){    
    var sel = ctrl.selectedIndex; 
    selected_array.push(ctrl.options[sel].value);      
}

function getval(clicked_id)
{
    for(var i=0; i<selected_array.length; i++) {
      alert(selected_array[i]);
    }
}

Hope this you satisfy your needs.Here Working FIDDLE

Check this option:

You need to add those variables to a high level scope. You can make those vars as globals (I don't remend that) or you can wrap your code in a self executable function that is a better practice.

Take a look:

(function(){
    var selVal1 = '',
    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(){
        console.log(selVal1);
        console.log(selVal2);
    }
})();

Here is a codepen with the code updates. (Attaching events using jQuery)

本文标签： javascriptPassing variable value from one function to anotherStack Overflow