Question

This is part 2 of this question (ok maybe part 3)

Here is a working example: http://jsfiddle.net/UcrD8/63/
Here is a earlier attempt and as you can see this works when selecting the first option: http://jsfiddle.net/UcrD8/4/
But using JQM it uses this as a label for the options and it is not selectable

The functionality to add a new select option is working but if I wanted to remove a selected option, this is not working.

UPDATE:

I did notice that the select element is being removed but jQM’s added syntax is still displaying:

<div class="ui-select">
    <div data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-down-c ui-btn-up-c">
        <span class="ui-btn-inner ui-btn-corner-all">
            <span class="ui-btn-text">Remove Selected Option</span>
            <span class="ui-icon ui-icon-arrow-d ui-icon-shadow">
            </span>
        </span>
    </div>
</div>

Need to remove this as well

Answer 1

Well since jQM has been updated several time, I was able to get this working

• http://jsfiddle.net/6fFLb/7/