在HTML对象克隆上添加和删除操作

Question

我有一个像这样的选择，为此我创建了克隆，现在我想在clonecity对象中按值添加和删除选项，请帮助

var $city = $('select[name=city]');
var $clonecity = $city.find('option').clone();

<select name="city" id="city">
    <option stateid="1" value="1"> City1 </option>
    <option stateid="1" value="2"> city2 </option>
    <option stateid="2" value="3"> city3 </option>
</select>