使用jQuery将标签转换为下拉列表

Question

我有标签和onclick标签我想将标签转换为下拉列表。在下拉列表中使用jQuery和value将来自数据库。假设一些linq方法。

Answer 1

这是一个jsfiddle，当你单击标签时，它会进行Ajax调用，结果会创建一个select / option下拉列表并替换原始标签：

http://jsfiddle.net/magicaj/QBafQ/1/

HTML：

<form>
    <label id="someLabel">Click me</label>
</form>

JS：

$("#someLabel").click(function() {
    var label = $(this);
    $.ajax({
        url: "/echo/json/",
        type: "POST",
        data: {
            json: "[{ \"value\": \"value1\", \"html\": \"html 1\" }, { \"value\": \"value1\", \"html\": \"html 2\" }]"
        },
        success: function(data) {
            var select = $("<select>");
            $.each(data, function(i, option) {
                select.append($("<option>", {
                    value: option.value,
                    html: option.html
                }));
            });

            label.replaceWith(select);
        }
    });

});