Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery/Javascript代码不';t输入';每个';_Javascript_Jquery_Html - Fatal编程技术网

JQuery/Javascript代码不';t输入';每个';

JQuery/Javascript代码不';t输入';每个';,javascript,jquery,html,Javascript,Jquery,Html,我真的不明白为什么我的代码没有进入“klikzoekknop”函数中的“each”循环。我可以得到跨度的文本值,这个li确实存在于里面。选择的结果,所以我没有真正得到它。输入该功能后,例如,我可以使用警报(selectedText)将提交更改为正常按钮不起作用 下面是我的Javascript/Jquery函数: function klikzoekknop(element){ var selectedText = $(".chosen-single span").text(); $

我真的不明白为什么我的代码没有进入“klikzoekknop”函数中的“each”循环。我可以得到跨度的文本值,这个li确实存在于里面。选择的结果,所以我没有真正得到它。输入该功能后,例如,我可以使用
警报(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>

发生的事情
梅尔达姆
Gewijzigd op
努默
熔炉
类型
地位
科特奥姆施里温酒店
发生的事情
    事件
  • meldatam
  • 数据选项数组索引=“2”>Gewijzigd op
  • numer
  • 熔化器
  • 类型
  • 状态
  • Korte omschrijving

单击事件完成之前,您的表单将被
提交
。对元素使用标准的
type=“button”
,然后使用
$('.zoekform').submit()手动提交表单

我认为这不是问题所在。例如,输入函数后,我可以提醒selectedText的值。诊断是可以的,但作为解决方案,我建议使用form.onsubmit,而不是使用其他按钮。毕竟,表单也可以通过热键提交,完全绕过按钮,因此您的解决方案将允许出现不希望出现的行为。@GolezTrol这是一个很好的观点。函数klikzoekknop需要在('submit',function(){})上的
$('.zoekform')内调用事件侦听器函数。我将提交按钮更改为输入类型为button,但这并没有解决问题。请检查您缺少javascript代码的脚本标记的一个可能原因,我知道了,但为什么不在这里?您能显示完整的页面源代码吗