javascript - Jquery 设置元素值不适用于长值(guids)

Question

我刚刚遇到一个问题，我正在将一个选择转换为 <ul><li/></ul>格式。

现在我将所有选项、它们的值、html 和类都转换成 li。

这意味着 li 获取值属性等。

手头的问题It works perfectly fine when the options have integers (currently below 4 digits) and convert them.但我有另一个选择选项有 guids 作为值。当我尝试转换时，所有值都变为零，即 value="0"。

有没有人有什么想法？

我的代码完全是:

//Extract listbox
        $preferenceListBox.children().each(function () {
            var $liToAdd = $liTemplate.clone();
            console.log($(this).val());
            $liToAdd.html($(this).html()).prop("value",$(this).val()).prop("disabled", $(this).prop("disabled"));
            if ($(this).is("[disabled='disabled']") || $(this).is("[selected='selected']")) {
                $liToAdd.addClass("disabled");
            }
            if ($(this).filter(":selected") > 0) {
                $liToAdd.prop("disabled", "disabled");
            }
            $selectionList.append($liToAdd);

        });

---

更新

转换后的列表 html 示例:

<ul class="selectionList"><li value="0" class="ui-draggable ui-selectable">-Select-<b class="preferenceButton">+</b></li><li value="0" class="ui-draggable ui-selectable">Canberra Central<b class="preferenceButton">+</b></li>...</ul>

它是从这个选择中创建的:

<select class="preferenceListBox noSelectItem" id="areaCodeList" multiple="multiple" name="areaCodeList" size="7" style="display: none; "><option disabled="disabled" class="disabled">-Select-</option><option value="24631a28-901d-4156-b6f6-2d2b3c10c9ec">Canberra Central</option>...</select>

Answer 1

嗯...

http://www.w3schools.com/tags/att_li_value.asp

http://www.w3schools.com/tags/tag_li.asp

The value attribute of <li> is deprecated in HTML 4.01.

The value attribute sets the value of a list item. The following list items will increment from that number.

The value must be a number and can only be used in ordered lists (<ol>).

The value attribute of <li> is not supported in HTML 4.01 Strict / XHTML 1.0 Strict DTD.

ps:有没有想过用id或 class属性而不是 value ？