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的内容，以便为其他选择选项更新onlick值吗？

我的选择表格是：

        <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