jQuery Prev() 问题

Question

抱歉各位，我应该直接发布脚本而不清理它。请检查更新后的脚本，现在应该可以解决问题了。谢谢！

考虑以下 JavaScript ：

    var selected = 0;
    var options = 0;

    $('.newListSelected').each(function() {

        selected = $(this).children('.selectedTxt');
        selected = selected.text();

        /* Everything before this line works completely fine */

        options = $(this).prev();

        options.find('option[value=' +selected+ ']').attr('selected', 'selected');

    }).remove();

和 HTML ：

<select name="type[]" style="display: none;">
    <optgroup>
        <option value="none">Select</option>
    </optgroup>
    <optgroup label="First Group">
        <option value="1">One</option>
        <option value="2">Two</option>
    </optgroup>
    <optgroup label="Second Group">
        <option value="10">Ten</option>
        <option value="20">Twenty</option>
    </optgroup>
</select>

<div class="newListSelected">
    <div class="selectedTxt">20</div>
    <ul class="newList">
        <!-- Other stuff here -->
    </ul>
</div>

我实际上想做的是将 selected 属性添加到相应的 select option 中，该属性与 < 中的文本具有相同的值代码>.selectedTxt。在上面的代码中，应将 selected="selected" 添加到 Twenty。

然而它没有按预期执行，我还尝试在 prev(); 下面添加 alert(option); 但它没有输出任何有用的东西。

谢谢。

Answer 1

Javascript 工作正常，如下所示： http://jsfiddle.net/4HsXp/

如果您需要能够在 select 元素中选择多个项目，您需要设置 multiple 和 size 属性，如下所示：

<select multiple="multiple" size="2">
    <option>1</option>
    <option>2</option>
</select>

参见：< a href="http://reference.sitepoint.com/html/select" rel="nofollow noreferrer">http://reference.sitepoint.com/html/select

---

编辑：

将 console.log 语句附加到新代码中仍然没有任何问题。 在 jsfiddle 上运行它给了我正确的输出：

jQuery(select)
Original Value: none
New Value: 20

Answer 2

我不确定您要做什么，但为什么不能使用正确的选择器选择所有选项元素？如果您只想选择某些选项，则必须添加额外的选择器属性。

$('select option').each(function() {
    $(this).attr('selected', 'selected');
});