CODEWITHSUNDEEP
javascripthtml
ungung
ungung

Reputation: 1

can i use variable outside function when i select by onchange event

$sql3 = "SELECT * FROM `job`";
$result3 = mysqli_query($conn, $sql3);

<select class="form-control " id="jobposition" onchange="getSelectValue(this.value)">
    <?php 
 if(mysqli_num_rows($result3) > 0){
      while($row3 = mysqli_fetch_assoc($result3)){
                                                  ?>
  <option value=<?php echo $row3["jobid"];?> ><?php echo $row3["position"]; ?></option>
   <?php }} ?>
 </select>

 <script>                                                   
  var job ;
   function getSelectValue(jobid) {                        
   this.job = jobid;
 }

I want to use selector outside the function.

Can you help me, please?

Upvotes: 0

Views: 885

Answers (1)

MichaelvE
MichaelvE

Reputation: 2578

Yes, you can access the variable outside the function. The variable just needs to be defined globally, i.e. outside the functions.

var selector = document.getElementById("jobposition");
var disp = document.getElementById("optSelected");

function getSelectValue() {
  disp.innerHTML = selector.options[selector.selectedIndex].value;
}
<select class="form-control " id="jobposition" onchange="getSelectValue()">
  <option value="none">Select position</option>
  <option value="1">Position 1</option>
  <option value="2">Position 2</option>
  <option value="3">Position 3</option>
  <option value="4">Position 4</option>
</select>

<div>Selected option is = <span id="optSelected"></span></div>

Upvotes: 2

Related Questions