選択する前に閉じ<td>ます。> は、<select内にネストする必要があります<td>。

例えば

<td>
    <select name="portoptions[]" multiple="multiple">
        <option value="TCP">TCP</option>
        <option value="UDP">UDP</option>
        <option value="protocol">Protocol</option>
    </select>
</td>

ここに 2 つの問題があります。1.の</td>後に置く必要があり</select>ます。2. の<tr>前に 1 つ置く必要があり<td>ます。

したがって、最終的なコードは次のようになります

<table>
<tr>
    <td>Ports to be opened(<em><small>Shift Select Multiple Options</em></small>:</td>
    </tr>
<tr>
    <td>
       <select name="portoptions[]" multiple="multiple">
           <option value="TCP">TCP</option>
           <option value="UDP">UDP</option>
           <option value="protocol">Protocol</option>
       </select>
    </td>
</tr>
</table>

を閉じる前に、すべてのコントロールを終了する必要があります。</td>

あなたのやり方で書くことで、ブラウザはオプションについて知りません。

だからあなたは間に書く必要があります<td> <select><option>...</option></select></td>

あなたのコードが次のように見える上記の方法で書くことによって、

<td>
    <select name="portoptions[]" multiple="multiple">
        <option value="TCP">TCP</option>
        <option value="UDP">UDP</option>
        <option value="protocol">Protocol</option>
    </select>
</td>

使用する、

<table>

<td>Ports to be opened(<em><small>Shift Select Multiple Options</em></small>:</td>
</tr>

<tr>
<td><select name="portoptions[]" multiple="multiple">
<option value="TCP">TCP</option>
<option value="UDP">UDP</option>
<option value="protocol">Protocol</option>

</select></td>
</tr>

交換：

<td><select name="portoptions[]" multiple="multiple"></td>
<option value="TCP">TCP</option>
<option value="UDP">UDP</option>
<option value="protocol">Protocol</option>

</select>  

に：

<td>
<select name="portoptions[]" multiple="multiple">
<option value="TCP">TCP</option>
<option value="UDP">UDP</option>
<option value="protocol">Protocol</option>
</select>
</td>