使用简单JavaScript或jQuery分别标识每个select选项，并在DIV中显示

我有一个PHP代码，它可以主动生成一个包含5个不同选项的Select输入

现在，我还想在div中显示数字2、3、4和5以及文本

请注意，我想在DIV中使用第一个选项

<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

我建议：

$('option').slice(1).each(
    function(){
        var text = $(this).text(),
            outputTo = $('#output'),
            div = $('<div />').text(text),
            img = $('<img />', {'src' : '#'}).prependTo(div);
        div.appendTo(outputTo);
    });​

参考资料：

. . . .

---

我会建议类似的东西，但为什么要切片？我会跳过切片，然后倒空。可读性改进+不确信该切片将在这里工作。切片只是为了防止第一个选项被执行；而且似乎效果不错。尽管目前仅在Chrome19上进行测试，但WinXP.Hmmm的分数还是很高。我有点困惑为什么第一个选项已经被处理了，而不是其他的，但你是对的，因为它是在这个问题上。在现实生活中，我想第一个选项可能是选择下面的一个或类似的“提示”，而不是像这样的“选项”？这正是我想要的！唯一的问题是，我怎样才能把这个限制在一个特定的而不是全部？

<select class="last" id="property_types" name="property_types">
    <option selected="selected" value="0">View all Property Types</option>
    <option value="96" class="level-0">Apartment</option>
    <option value="9" class="level-0">Building</option>
    <option value="3" class="level-0">Land</option>
    <option value="97" class="level-0">Office</option>
</select>

$('option').slice(1).each(
    function(){
        var text = $(this).text(),
            outputTo = $('#output'),
            div = $('<div />').text(text),
            img = $('<img />', {'src' : '#'}).prependTo(div);
        div.appendTo(outputTo);
    });​

$('#property_types option').slice(1).each(
    function(){
        var text = $(this).text(),
            outputTo = $('#output'),
            div = $('<div />').text(text),
            img = $('<img />', {'src' : '#'}).prependTo(div);
        div.appendTo(outputTo);
    });​