javascript - 获取多选列表值并使用 JavaScript/jquery 重写为 anchor

Question

大家好，感谢您的浏览。我在页面上有一个从数据库预先填充的多选列表。

我现在需要从列表中获取所有数据并将其转换为单独的链接理论上下拉列表可以是任意长度并且列表值用作记录ID，所以...

<select id="Inf1">
        <option value="147">Art Tatum</option>
        <option value="151">Charles Mingus</option>
        <option value="172">John Coltrane</option>
    </select>

应重写为:

<div id="Artists">
<a href="/tabid/89/xmmid/393/xmid/147/xmview/3/default.aspx">Art Tatum</a>
<a href="/tabid/89/xmmid/393/xmid/151/xmview/3/default.aspx">Charles Mingus</a>
<a href="/tabid/89/xmmid/393/xmid/172/xmview/3/default.aspx">John Coltrane</a>
</div>

谢谢。

Answer 1

$("#Inf1 option").each(function () {
        var id, text;
        id = $(this).val();
        text = $(this).text();
        $("#Artists").append("<a href='/tabid/89/xmmid/393/xmid/"+id+"/xmview/3/default.aspx'>"+text+"</a>");
    });

这样的东西应该可以工作，这里还有一个 jsfiddle，尽管我强烈建议您在服务器上创建链接。

http://jsfiddle.net/nQsTF/