Я могу переместить элементы из главного списка в поле списка лицензий, также могу удалить элементы из списка лицензий в главное окно, но не могу удалить последний элемент из списка ящиков лицензии, поэтому список пуст. Нужна помощь с этим
<select name=master[] id=master class="master" multiple="multiple" size='23'>
<?php
$file = fopen("temp.csv", "r");
while (($row = fgetcsv($file, 0, ",")) !== FALSE) {
$master = $row[0];
?>
<option><?php echo $master; ?></option>
<?php
}
?>
</select>
<form action="update.php" method="post">
<input type=button class="master" name=b3 id=b3 value='Move >'>
<input type=button class="master" name=b4 id=b4 value='< Remove'>
<select name=licenses[] id=licenses multiple="multiple" class=master>
<?php
$file = fopen("licenses.csv", "r");
while (($row = fgetcsv($file, 0, ",")) !== FALSE) {
$licenses = $row[0];
?>
<option value="<?php echo $licenses;?>"><?php echo $licenses;?></option>
<?php
}
?>
</select>
<input type="submit" value="Save File" name="submit">
</form>
Это мой js
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#b3").click(function(){
$("#master option:selected").each(function() {
$("#licenses").append("<option>"+$(this).text()+"</option>");
$("#master option[value= '"+ $(this).val() + "' ]").remove();
});
$('#licenses option').prop('selected', true);
});
$("#b4").click(function(){
$("#licenses option:selected").each(function() {
$("#master").append("<option>"+$(this).text()+"</option>");
$("#licenses option[value= '"+ $(this).val() + "' ]").remove();
});
$('#licenses option').prop('selected', true);
});
})
</script>