javascript - 如何使用 jQuery 从对象获取选项

Question

我试图从变量中获取具有特定数据值的选项，我在其中保存了所有可用选项。

var optionSaver = $('#directory option');
console.log(optionSaver);

$('#projectOrOrganizations').change(function () {
    var id = $('#projectOrOrganizations').find(':selected').data('contextid');
    console.log(id);

    var options = $('option[data-parentid='+id+']', optionSaver);

    console.log(options);

    $('#directory').html(options);
});

只要更改监听器处于事件状态，optionSaver 就应该持续存在

编辑:

要求的 Html:

<select name="project" id="projectOrOrganizations">
    <option name="organisationOrProjectName_78" data-contextid="78">Organisationsvorlage</option>
    <option name="organisationOrProjectName_80" data-contextid="80"> Projektvorlage</option>
</select>

<select name="directory" id="directory">
    <option  data-parentid="78" value="Verzeichnis">Verzeichnis</option>
    <option  data-parentid="80" value="Verzeichnis">Verzeichnis2</option>
</select>

Answer 1

您需要在此处使用filter()，因为您要查找的option元素不是optionSaver的后代，但它是的成员optionSaver。所以

var options = optionSaver.filter('option[data-parentid='+id+']');