Automatic array in PHP

Question

How about, make this example, where we put an initial number and final number. Example We insert the Initial and Final Number:

Initial Number = 1 Final Number = 4

    Result = 1 2 3 4

The result is thrown when we press the SEND button.

What I want is that I throw my result without having to press the SEND button. That the FOR cycle is performed and I throw the result without pressing the button. That the result is automatic.

CODE:

<form action="" method="post">
  <input type="text" name="inivalue" id="inivalue" placeholder="initial value"/>
  <input type="text" name="finvalue" id="finvalue" placeholder="final value"/>
  <input type="submit" name="submit" vale="submit" />
</form>


<?php
if(isset($_POST['submit']))
{
$num = (int)$_POST['inivalue'];
$numfin = (int)$_POST['finvalue'];
for($num=$num; $num <= $numfin; $num++)
{
echo $num;
}
}
?>

If you want this to be done automatically I would recommend javascript. Using PHP would be making it more complicated than it needs to be. — Howard P
– Howard P, Commented Feb 14, 2019 at 19:56

Paolo · Accepted Answer · 2019-03-07 21:23:38Z

0

// Get your input elements using getElementById()
const initialValue = document.getElementById("inivalue");
const finalValue = document.getElementById("finvalue");
const result = document.getElementById("result");
let initialVal = "";
let finalVal = "";

// Every time you change the value in your <input> element
// save that value into the initialVal, finalVal variables.

initialValue.addEventListener("change", function(){
    initialVal = this.value;
    autoArray(initialVal,finalVal);
});

finalValue.addEventListener("change", function(){
    finalVal= this.value;
    autoArray(initialVal,finalVal);
});

// Loop using initialVal and finalVal
function autoArray(ini,fin){
  numArray = [];
  if (ini!= "" && fin != "") {
    for(i = ini; i <= fin; i++){
      numArray.push(i);
    }
  }
  // Change the value of the result <input> element
  result.value = numArray;
}

<input type="text" name="inivalue" id="inivalue" placeholder="initial value"/>
  <input type="text" name="finvalue" id="finvalue" placeholder="final value"/>
  <input type="text" id="result"/>

edited Mar 7, 2019 at 21:23

answered Feb 14, 2019 at 20:25

Paolo

8536 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Paolo Over a year ago

You might want to add another condition to check if both the inputs are numbers.

Howard P · Accepted Answer · 2019-02-14 20:06:47Z

0

One way this can be done is using the onChange event.

set it in your final number field:

<input onchange = "rangefinder()" type="text" name="finvalue" id="finvalue" placeholder="final value"/>

then in your javascript function rangefinder():

function rangefinder(){
    //get the value of both the invalue and finalvalue fields
    //make sure they're both integers - just return if they're not.
    //use a for loop to make a string of numbers from invalue to finalvalue
    //insert this string where ever you want it.
}

I'll leave the actual JS up to you.

edited Feb 14, 2019 at 20:06

answered Feb 14, 2019 at 20:03

Howard P

2583 silver badges21 bronze badges

3 Comments

Mara Ormston Over a year ago

array() has special meaning in JS. You might want to change the name of your function.

Howard P Over a year ago

Good catch. Fixed!

A. Meshu Over a year ago

For the js lines have a look here: stackoverflow.com/questions/8069315/…

Collectives™ on Stack Overflow

Automatic array in PHP

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related