jquery autocomplete combox not working in IE - javascript

I am using autocomplete combo-box plugin in my form this work fine in all the browser except IE.
this code I am using
When I focus or type it populate option but when I select it does not set selected option in input box. this works fine in other browser firefox and chrome.
Please help me if I missed anything here.

Related

Internet Explorer date errors with salesforce but chrome works fine

I am trying to set up a dynamic field. Which will be generated based on entries of other fields. However whenever i try to submit my form, on Chrome it works perfectly fine, however on internet explorer it doesn't like it and says its an invalid date. Or cannot be converted from text to date.
I am using some Javascript Onblur events to assign the readonly text box dynamically.
$j('[id$=MaturityDate]').val(MaturityDate.toLocaleDateString());
although the outputted text goes into an approriate m/d/yyyy format, it gives a error on validation.
The output on the textbox is formatted perfectly. It just doesn't work in IE
Your explanation is vague but from experience I guess you are using an old jquery, there is a datetime functionality shift around version 1.6. FWIW

Clear textbox selection in IE11 using JavaScript

I'm trying to clear any text selection that may be active on the page, including selected text in a textbox. This works in Firefox and Chrome:
document.getSelection().removeAllRanges();
It also works in IE for text selected on the page, but not text selected in a textbox.
I was doing the following for IE, which worked for both types of selections, but it is no longer supported in IE11:
document.selection.empty();
Any ideas?
Figured it out. Call removeAllRanges() to deselect any selected text on the page, then add a new empty selection to deselect any selected text in the textbox. This covers all bases in all three browsers:
document.getSelection().removeAllRanges();
document.getSelection().addRange(document.createRange());

Dropdown reset issues with IE7 works fine on FireFox and Chrome

Hello Stackoverflow I have a simple form validation logic that doesn't seem to work on IE7 for some reason.
Basically I have two dropdown boxes and an input box. When the first dropdown box state changes the other dropdown and inputbox clears.
Current this logic seem to work on FF, Chrome but not IE7. Also the clearing of the input box works as expected on IE as well.
$('#names').change(function(){
$('#rate').val("0");
$('#amount').val("");
});
Any helps would be greatly appreciated.
It seems IE requires you to add the null value in order to change it to the first element.
<option>--</option>
To
<option value="0">--</option>
Fixed the issue :)

Innerhtml not retaining selected options for Selectbox and Radio in Mozilla and Chrome but works fine in IE

I have an application with several tabs, each of them having couple of fields. The last tab is Preview tab wherein I would like to show all the controls from all tabs in grayed color in uneditable mode. To do that, I am taking innerhtml of all tabs and showing the same in Preview tab.
While this logic works fine for Text fields, Select fields and Radio fields are not retaining their selected options in Mozilla and Chrome. It works as expected in IE 7, 8 and 9 too.
Any clue on this?
Try using the clone() method to make a copy of it instead of using the innerHTML property.
Example in JSFiddle: http://jsfiddle.net/jLB5s/

IE javascript / jquery issue

I am trying to get these 2 select drop downs to work which basically rely on each other for out of stock. The idea is that out of stock combination would be disabled from the user selection. This works fine in all browsers except IE.
I found a script for IE which basically adds disabled class and does an alert pop up and then resets the select dropdown.
Here is a demo: http://jsbin.com/osipe5/2
In that, please select size as 1X. As you can see everything works perfectly. We are good. Now select size 2X. In the color dropdown "White" has the disabled class. That is not correct. The issue is somewhere with ieLessThan8OptionDisable()
Any help is much appreciated.
Thanks
I'm guessing the problem is this line in ieLessThan8OptionDisable():
this.blur();
Change it to $(this).blur();. But seriously, please stop writing browser-specific code with jQuery.
Since you're running into a common IE pre-8 bug, you might want to see this question.

Categories

Resources