JQuery / Javascript代码不输入'each'

时间:2014-12-15 10:42:27

标签: javascript jquery html

我真的不明白为什么我的代码没有进入“每个人”。循环在' klikzoekknop'功能。我可以得到跨度的文本值,而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>

1 个答案:

答案 0 :(得分:2)

submit事件完成之前,您的表单为click。对元素使用标准type="button",然后使用$('.zoekform').submit();

手动提交表单