Jquery ui selectmenu失去了value属性

Question

假设我有

<select name="number" id="number">
  <option value="one">1</option>
  <option value="two">2</option>
  <option value="three">3</option>

</select>

应用$('#number').selectmenu();后转换为jquery ui下拉样式，select将被隐藏，新的span结构将会出现，但是在该span结构值属性中缺失，我如何检索值中的value属性新的跨度结构？

我期待这样的事情。

<span class="ui-selectmenu-text" value="1">1</span>

谢谢：）

Answer 1

您可以使用插件语法获取select的每个选项的值：

$('#number').selectmenu({
  change: function(event, ui) {
    alert(ui.item.value);
  }
});

请参阅Live Demo

jQuery UI并没有真正转换您的选择菜单，它只会创建一个带有SPAN的新菜单，并隐藏您的菜单。

第一个警报显示插件选择的选定值。 2,3和4警报显示您仍然可以获得自己的选择值。现在，您可以根据自己的意愿自由使用它。