如何通过PHP通过“其他”选项传递下拉值？

Question

enter image description hereI want to pass the option value to another page. For this purpose I have some options. Besides there is an "other" option where an input field is hidden. My javascript code works i.e; selection of "others" appear the desired text input. But while passing the value (submitting) the "other" option (input field) pass the value but not the regular option.

function CheckColors(val) {
  var element = document.getElementById('color_change');
  if (val == 'pick a color' || val == 'others')
    element.style.display = 'block';
  else
    element.style.display = 'none';

}

<form action="action_dropdown.php" method="post">
  <select name="color" onchange='CheckColors(this.value);'>
    <option>pick a color</option>
    <option value="red">RED</option>
    <option value="blue">BLUE</option>
    <option value="others">others</option>
  </select>
  <input type="text" name="color" id="color_change" style='display:none;' />
  <input value="calculation" type="submit">
</form>

$myVariable = $_POST["color"];

echo $myVariable;

I expect my output would be red/ blue/ (while selecting any of them). Again I want my output would be yellow (when I choose "ohters" and input "yellow".)

Being a novice I Hope your cordial cooperation.

</div>

Answer 1

You need to rename your input element by any other as below:

<form action="action_dropdown.php" method="post">
  <select name="color" onchange='CheckColors(this.value);'>
    <option>pick a color</option>
    <option value="red">RED</option>
    <option value="blue">BLUE</option>
    <option value="others">others</option>
  </select>
  <input type="text" name="othercolor" id="color_change" style='display:none;' />
  <input value="calculation" type="submit">
</form>

And when your form is submitted, you need to check whether othercolor is set or not. Thus you can get color value like below:

$selectedColor = ($_POST['color'] == "others" ) ?  $_POST['othercolor']: $_POST['color'];

Thus, you will be able to access both select and input values. Hope it helps you!