Jquery 显示标记中的选项文本

Jquery 显示标记中的选项文本,jquery,html,jquery-selectors,html-select,Jquery,Html,Jquery Selectors,Html Select,我想获取或显示我的所选选项的de文本,但问题是这些是动态生成的,所以我不知道如何使用选择器jquery来捕获这些值 这是我的html,可以在其中更改 <div> <ul style="list-style-type: none;"> <li> <input type="checkbox" name="filterCur" value="AutorCu"><label> Autor</label><

我想获取或显示我的所选选项的de文本,但问题是这些是动态生成的,所以我不知道如何使用选择器jquery来捕获这些值

这是我的html,可以在其中更改

<div>
<ul style="list-style-type: none;">
    <li>
        <input type="checkbox" name="filterCur" value="AutorCu"><label> Autor</label><br>
    </li>
    <li>
        <input type="checkbox" name="filterCur" value="EscuelaCu"><label> Escuela</label><br>
    </li>
    <li>
        <input type="checkbox" name="filterCur" value="CategoriasCu"><label> Categorias</label><br>
    </li>
</ul>


<div id="searchCu"><select id="AutorCu"><option>Seleccione una opción</option>
<option value="1">foo1</option>
<option value="2">foo2</option>
<option value="3">fooN</option>
</select>
<select id="EscuelaCu"><option>Seleccione una opción</option>
    <option value="1">Instituto de Artes</option>
    <option value="2">Instituto de Ciencias Basicas e Ingenieria</option>
    <option value="3">Instituto de Ciencias de la Salud</option>
</select>
<select id="CategoriasCu"><option>Seleccione una opción</option>
    <option value="1">Arte y arquitectura</option>
    <option value="2">Economia y empresa</option>
    <option value="3">Medios de comunicacion</option>
    <option value="4">Ingenieria</option>
</select></div>
<button id="BuscarCu" class="btn btn-default">Buscar</button>
为什么你的不起作用 您使用了:

son.text()
尽管这可能与直觉相反,jQuery为您提供了一个JavaScript DOM对象,而不是jQuery对象。因此,不能从JavaScript对象调用jQuery函数.text。要解决此问题,只需将其更改为$son.text。但是,这将抓取所选内容中的所有文本,我们只需要所选选项的文本。因此,我决定使用.find和一个选择器缩小搜索范围,该选择器检查该值是否为所选值的值

解决方案 这是我的看法:

console.log($(son).find("[value='"+son.value+"']").text());
将其应用于代码 $document.readyfunction{ //Cursos程序 $input[name=filterCur.clickfunction{ var复选框=$input[name=filterCur]; var searchCu=$searchCu; $.eachcheckbox,函数索引,chk{ 如果检查过的话 开关量{ 案件编号: //console.loghas selectionado+chk.value; searchCu.find+chk.value.remove; searchCu.append$,{id:chk.value}; listAutores+chk.value; 打破 埃斯库埃拉科案: //console.loghas selectionado+chk.value; searchCu.find+chk.value.remove; searchCu.append$,{id:chk.value}; listscuelas+chk.value; 打破 个案分类 //console.loghas selectionado+chk.value; searchCu.find+chk.value.remove; searchCu.append$,{id:chk.value}; listCategorias+chk.value; 打破 违约: //console.logel valor seleccionado esta mal,torpe; } 否则{ 开关量{ 案件编号: //console.loghas selectionado+chk.value; searchCu.find+chk.value.remove; 打破 埃斯库埃拉科案: //console.loghas selectionado+chk.value; searchCu.find+chk.value.remove; 打破 个案分类 //console.loghas selectionado+chk.value; searchCu.find+chk.value.remove; 打破 违约: //console.logel valor seleccionado esta mal,torpe; } } } }; $buttonBuscarCu.onclick,函数{ var兄弟姐妹=$searchCu>select; $.eachsiblings,函数索引,子{ //此控制台日志应显示所选选项 console.log$son.find[value='+son.value+'].text; //此控制台日志显示所选选项的值 console.logson.value; }; }; }; 自动 埃斯库埃拉 分类 选择行动 foo1 食物2 丰 选择行动 艺术学院 基础科学研究所 萨卢德科学研究所 选择行动 直肠动脉 经济与商业 通讯社 英格尼里亚 客车
console.logson.text;这是下次应该显示文本的控制台日志,请尝试构造一个较小的问题示例。您在这里提交的代码太多了。
son.text()
console.log($(son).find("[value='"+son.value+"']").text());