JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ShipPlacement">
    Ship:
    <select name="shipSelec" id="shipSelec">
        <option value="aircraftCarrier">Aircraft Carrier</option>
        <option value="battleship">Battleship</option>
        <option value="cruiser">Cruiser</option>
        <option value="destroyer">Destroyer</option>
        <option value="destroyer">Destroyer</option>
        <option value="submarine">Submarine</option>
        <option value="submarine">Submarine</option>
    </select>
    <button type="button" onclick="placeShip()">Remove Selected Ship</button>
</div>

JavaScript

$( document ).ready(function() {
   var shipList=document.getElementById('shipSelec');
});
function placeShip() {
  shipList.remove(shipList.options[shipList.selectedIndex].value;);
  shipList.remove(shipList.options[shipList.selectedIndex]);
  shipList.remove(shipList.options[selectedIndex]);
  shiplist.remove([shipList.selectedIndex])
}