我真的不明白为什么我的代码没有进入“klikzoekknop”函数中的“each”循环。我可以获得跨度的文本值,en li 确实存在于 .chosen-results 中,所以我不太明白。输入函数后,我可以使用 alert(selectedText);
将提交更改为普通按钮不起作用。
以下是我的 Javascript/Jquery 函数:
function klikzoekknop(element){
var selectedText = $(".chosen-single span").text();
$(".chosen-results li").each(function(){
alert($(this).text());
});
};
以下是我的 HTML:
<form class="zoekform">
<input type="text" class="inputzoeken" name="zoekterm" placeholder="Zoeken...">
<select class="menu-chosen" name="kolomnaam" style="display: none;">
<option value="incident">Incident</option>
<option value="melddatum">Melddatum</option>
<option value="gewijzigd">Gewijzigd op</option>
<option value="extern">nummer</option>
<option value="melder">Melder</option>
<option value="type">Type</option>
<option value="status">Status</option>
<option value="omschrijving">Korte omschrijving</option>
</select>
<div class="chosen-container chosen-container-single chosen-container-single-nosearch" style="width: 128px;" title="">
<a tabindex="-1" class="chosen-single">
<span>Incident</span>
<div>
<b></b>
</div>
</a>
<div class="chosen-drop">
<div class="chosen-search">
<input type="text" autocomplete="off" readonly="">
</div>
<ul class="chosen-results">
<li class="active-result result-selected" style="" data-option-array-index="0">Incident</li>
<li class="active-result" style="" data-option-array-index="1">Melddatum</li>
<li class="active-result" style="" data-option-array-index="2">Gewijzigd op</li>
<li class="active-result" style="" data-option-array-index="3">nummer</li>
<li class="active-result" style="" data-option-array-index="4">Melder</li>
<li class="active-result" style="" data-option-array-index="5">Type</li>
<li class="active-result" style="" data-option-array-index="6">Status</li>
<li class="active-result" style="" data-option-array-index="7">Korte omschrijving</li>
</ul>
</div>
</div>
<input type="submit" onclick="klikzoekknop(this);" class="zoekknop" value="">
</form>
最佳答案
您的表单正在click
事件完成之前提交
。对元素使用标准 type="button"
,然后使用 $('.zoekform').submit();
关于javascript - JQuery/Javascript 代码未输入 'each',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27482245/