从 <select> 中选择特定的 <option>，同时具有来自 PHP 的值答案

【问题标题】：Select specific <option> from <select> while having a value from PHP从 <select> 中选择特定的 <option>，同时具有来自 PHP 的值
【发布时间】：2018-02-17 23:15:11
【问题描述】：

我的元素有以下 HTML 代码，其中填充了元素。

<select name="category" class = "form-control">
  <option value = "Awearness">Awearness</option>
  <option value = "ITandTechnology">IT and Technology</option>
  <option value = "Physics">Physics</option>
  <option value = "Sport">Sport</option>
  <option value = "Science">Science</option>
  <option value = "Social">Social</option>
</select>

我在标签上方也有 PHP 代码，可以从 MySQL 数据库中获取类别的值。比如：

...$category = "Sport";...

我需要知道的是，当页面加载与我在 PHP 中获得的 $category 变量相对应时，有没有办法选择某个选项？所以如果

...$category = "Sport";...

它从标签中选择“运动”选项。

【问题讨论】：

document.addEventListener('DOMContentLoaded', (e) => {document.querySelector('.form-control option[value = "Sport"]').selected = true;})跨度>
你试过的php在哪里？
您是否在询问如何将选项设置为在页面加载时选择？然后就是这样做：<option value="Sport" <?= $category == 'Sport' ? 'selected' : '' >> 并为其他选项做同样的事情。
@gaetanoM 我知道
@MagnusEriksson 就是这样！非常感谢:)

标签： php html

【解决方案1】：

要将选项设置为在页面加载时选择，我们可以使用selected 属性。

<option value="some-value" <?= $category == 'some-value' ? 'selected' : '' >>....</option>

然后对列表中的每个选项执行相同的操作。

【讨论】：

最好编写一个 foreach 循环，以便以后轻松修改。

【解决方案2】：

我建议在您的 php.ini 中使用 JavaScript。例如，

<?php
$cat = 'Sport';
?>

<!DOCTYPE html>
<html>
<body>

<select name="category" class = "form-control" id = "i1">
  <option value = "Awearness">Awearness</option>
  <option value = "ITandTechnology">IT and Technology</option>
  <option value = "Physics">Physics</option>
  <option value = "Sport">Sport</option>
  <option value = "Science">Science</option>
  <option value = "Social">Social</option>
</select>

 <script>
    var a= document.getElementById('i1');
a.getElementsByTagName('option');

for(i=0;i<a.length;i++)
{

   if(a[i].value=='<?php echo $cat;?>')
   {
       a[i].setAttribute("selected","selected");
           break;
   } 

}

</script>   



</body>
</html>

【讨论】：