Jquery 显示标记中的选项文本
我想获取或显示我的所选选项的de文本,但问题是这些是动态生成的,所以我不知道如何使用选择器jquery来捕获这些值 这是我的html,可以在其中更改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><
<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());