從選擇列表創建自動鏈接

我有一個簡單的<select>列表，我通過一個外部API接收，這是不能改變的。從選擇列表創建自動鏈接

我的問題是以下幾點：我想將這個<select>列表轉換成一堆常規的html鏈接。我想以不適用於<select>的方式使用CSS來設置列表的樣式。我隱藏原始列表以 '顯示：無'

此：

<select style="display:none;"> 
    <option value="E1">Entry 1</option> 
    <option value="E2">Entry 2</option> 
    <option value="E3">Entry 3</option> 
</select>

應該被轉換爲：

<a href="E1" class="X1">Entry 1</a> 
<a href="E2" class="X2">Entry 2</a> 
<a href="E3" class="X3">Entry 3</a>

如何實現這一目標？

我找到了一個解決方案，但它是錯誤的！ Create <select> from list - indent child items?

來源

2012-10-23 Brokk Oli

更好的描述，現在測試？ –

現在好多了。回答自己的問題是可以接受的，但你應該使用答案字段來達到這個目的，而不是編輯你的問題。 – johannes

請確實添加自我回答。這可能對未來的其他人有所幫助。不要忘記接受它。 –

下面是一個解決方案，它可以在http://jsfiddle.net/C5S32/44/

var options = ''; 
$('select').find('option').each(function() { 
    var 
    val = $(this).val(), 
    text = $(this).text(), 
    i = 1; 
    options += '<a href="' + val + '">' + text + '</a>'; 
}); 
$('<div class="test" />').append(options).appendTo('#selectnav');

來源

2012-10-24 10:29:42

從選擇列表創建自動鏈接

回答

相關問題