オプションが選択されていない場合に選択します

Question

私は選択したものをPHPの簡略表記if文でロードします。オプションを調べると、正しい項目がselected属性を持っていますが、実際には選択されていないことがわかります。私もselected="selected"を使用しましたが、どちらもうまくいきませんでした。私も属性をハードコーディングしようと、それはまだ動作しませんでした：

<select id="popUpType" name="popUpType" class="widefat"> 
    <option value="none" <?php echo ($popUpType == 'none') ? "selected" : ""; ?>>None</option> 
    <option value="entry" <?php echo ($popUpType == 'entry') ? "selected" : ""; ?>>Entry</option> 
    <option value="exit" <?php echo ($popUpType == 'exit') ? "selected" : ""; ?>>Exit</option> 
    <option value="event-based" <?php echo ($popUpType == 'event-based') ? "selected" : ""; ?>>Event-Based</option> 
    <option value="timed" <?php echo ($popUpType == 'timed') ? "selected" : ""; ?>>Timed</option> 
</select> 

私はワードプレスでこれを構築し、Chromeの最新バージョンでテストしています。私は前にこれをやったことがあり、問題は一度もありませんでした。

<select id="popUpType" name="popUpType" class="widefat"> 
    <option value="none">None</option> 
    <option value="entry" selected>Entry</option> 
    <option value="exit">Exit</option> 
    <option value="event-based">Event-Based</option> 
    <option value="timed">Timed</option> 
</select> 

Answer 1

私はあなたのhtmlを実行し、それが正しい出力を提供します：選択が行われ、提出された後

これが出力されます。 cssとjavascriptの継承を確認してください。リンクを参照してください -

[https://jsfiddle.net/4yoy3L0v/][1]