1
Я пытаюсь применить выбранный выбор ко всем элементам выбора в моей форме.Chosen js не работает в IE8
Это мой JS файл script.js, который имеет определенный метод, чтобы применить выбран
var script = (function(jQuery,window){
var applyChosen = function()
{
jQuery('#saveForm :input').each(function(){
if(jQuery(this).is('select'))
{
var id = jQuery(this).attr('id');
console.log('Applying chosen to id '+id);
jQuery('#saveForm').find('#'+id).chosen({
allow_single_deselect : true
});
}
});
};
return {
applyChosen : applyChosen
};
})(jQuery,window);
Это мой HTML файл, в котором я вызываю метод applyChosen() для выбраны по документу готов ко всем полям выбора.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="Chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="Chosen/chosen.css">
<link rel="stylesheet" href="jquery-ui.css">
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
script.applyChosen();
});
</script>
</head>
<body>
<form name="mainform" id="saveForm" action="file:///C:/">
<!--##GENERAL##-->
<div id="fromuser">
<table width="100%" id="userTable">
<tr><td class="title-cell" colspan="2"><p class="title">ERD Reporting</p></td></tr>
<tr>
<td class="label-cell">* Report Type :</td>
<td>
<select id="repcode" name="repcode" class="validate[required] widthpx" data-prompt-position="inline">
<option VALUE=""></option>
<option VALUE="All Reports">All Reports</option>
<option VALUE="004">004 - GMAC Branch 004</Option>
<option VALUE="005">005 - GMAC Branch 005</Option>
<option VALUE="007">007 - GMAC Branch 007</Option>
<option VALUE="008">008 - GMAC Branch 008</Option>
<option VALUE="010">010 - GMAC Branch 010</Option>
<option VALUE="020">020 - GMAC Branch 020</Option>
<option VALUE="021">021 - GMAC Branch 021</Option>
<option VALUE="023">023 - GMAC Branch 023</Option>
<option VALUE="029">029 - GMAC Branch 029</Option>
<option VALUE="045">045 - GMAC Branch 045</Option>
<option VALUE="061">061 - GMAC Branch 061</Option>
<option VALUE="084">084 - GMAC Branch 084</Option>
<option VALUE="085">085 - GMAC Branch 085</Option>
<option VALUE="103">103 - GMAC Branch 103</Option>
<option VALUE="123">123 - GMAC Branch 123</Option>
<option VALUE="154">154 - GMAC Branch 154</Option>
<option VALUE="201">201 - GMAC Branch 201</Option>
<option VALUE="340">340 - GMAC Branch 340</Option>
<option VALUE="ACK">ACK - ACH File Receipt Acknowledgement</Option>
<option VALUE="ADJ">ADJ - Adjustment Report</Option>
</select>
</td>
</tr>
<tr id="accountRowID">
<td class="label-cell" >* Account Number :</td>
<td>
<select name="anumber" id="anumber" class="validate[required] widthpx" data-prompt-position="inline" onChange="script.selectChange(this);" title="You can select all accounts or enter your complete Account Number exactly as on site.Use comma [,] as a separator for multiple accounts">
<option value=""></option>
<option value="All Accounts">All Accounts</option>
<option value="customAccountNumbers">Enter Account Number</option>
</select>
</td>
</tr>
<tr id="PrinterNameRow">
<td class="label-cell">Printer Name :</td>
<td>
<select name="printtodefault" id="printtodefault" class="validate[required] widthpx" data-prompt-position="inline">
<option value="false">--None--</option>
<option value="true">--Default--</option>
<option value="Send_To_One_Note_2013">Send To One Note 2013</option>
<option value="Microsoft_XPS_Document_Writer">Microsoft XPS Document Writer</option>
<option value="Microsoft_Print_to_PDF">Microsoft Print to PDF</option>
<option value="Fax">Fax</option>
</select>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Этот код работает на всех браузерах, кроме IE8. Какие изменения я должен сделать inorder, чтобы заставить его работать с браузерами IE8 +?
Получили ли вы какие-либо сообщения об ошибках? Во-первых, я бы изменил «var script» на любой другой (не ключевое слово). – Holger
Я не получил сообщение об ошибке. 'Console.log()' также отображается, но событие '.chosen()' не работает, я думаю. – Nishant123
Вы должны попробовать вызовы jQuery. jQuery не поддерживает IE8. – Holger