jQuery-ui 下拉菜单为 span 添加值

Question

我正在使用 jQuery-UI selectmenu，需要将值数据添加到通过 jQuery 创建的范围中。

链接到源：ui.selectmenu.js

如果我将第 292 行更改为：

this.newelement.prepend('<span class="'+self.widgetBaseClass+'-status" value="'+ selectOptionData[this._selectedIndex()].value +'">'+ selectOptionData[this._selectedIndex()].text +'</span>');

并添加 value=" " 部分，我会得到显示值的范围，但它只是第一个值，并且在单击下拉列表时不会更改。

我必须缺少一些要添加到 js 中才能更新其他选择选项的值的内容？

我的选择形式是：

        <select name="sample" id="sample">
            <option value="1">Sample1</option>
            <option value="2">Sample2</option>
            <option value="3">Sample3</option>
            <option value="4">Sample4</option>
        </select>

脚本：

<script type="text/javascript">
    $(function(){       
        $('select#sample').selectmenu({style:'dropdown'});
        });
</script>

项目主页： jQuery-UI