首页 > 解决方案 > 没有javascript的$_POST之前和之后的CSS格式化PHP表单选择选项

问题描述

审查了建议的先前问题后,我无法在这些问题中找到我的解决方案。我有一个选择选项字段,其中第一个选项被文本禁用并且文本粗细是正常的。其他选项设置为 text-weight:bold。所以对于下拉部分这项工作。

当表单加载时,禁用的选项显示为“正常”,因为它是继承的。如果继承的值是“粗体”,它将显示“粗体”。选择选项时,表单将显示选项,但“正常”不是“粗体”。我想要以“粗体”显示的选项。

form 
{
    border: 1px solid #3084C4;
    color: #3084C4;
    font-size: 14px;
    font-weight: normal;
    margin: 0px auto;
    padding: 0px 0px 15px;
    text-align: left;
    text-decoration: none;
}

form fieldset
{
    border: none;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

form ::placeholder
{
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

form label
{
    border: none;
    border-collapse: collapse;
    color: #3084C4;
    /*display: inline-block;*/
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 5px;
    text-align: right;
    vertical-align: middle;
}

form #county
{
    color:#666;
    font-size: inherit;
    /*font-weight: inherit;*/
    /*font-weight: normal;*/
    margin: 1px 0px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    width: 362px;
}

option[id="select_county"]
{
    font-weight: normal;
}

option[name="selected_county"]
{
    font-weight: bold;
}
<fieldset>
<?php
    #Reference:  https://stackoverflow.com/questions/20137036/first-option-of-dropdown-not-an-option-force-to-use-other-options
    #Reference: https://stackoverflow.com/questions/8560482/using-php-post-to-remember-a-option-in-a-select-box
?>
  <label for="county">FL County:&nbsp;
    <select name="county" id="county" value="<?php if (isset($_POST['county'])) echo $_POST["county"]; ?>">
      <option id="select_county" disabled="disabled" selected="selected">please advise which FL County</option>
      <option name="selected_county" value="Lake" <?php if ($_POST['county'] == "Lake") echo 'selected="selected" '; ?>>Lake County</option>
      <option name="selected_county" value="Orange" <?php if ($_POST['county'] == "Orange") echo 'selected="selected" '; ?>>Orange County</option>
       <option name="selected_county" value="Osceola" <?php if ($_POST['county'] == "Osceola") echo 'selected="selected" '; ?>>Osceola County</option>
       <option name="selected_county" value="Polk" <?php if ($_POST['county'] == "Polk") echo 'selected="selected" '; ?>>Polk County</option>
     </select>
   </label>
</fieldset>

请建议在没有任何外部编码(jQuery 等)的情况下执行此操作的正确方法。

标签: phpcssformsselectoption

解决方案


推荐阅读