ansaurus

Question

javascript autocomplete with onChange event

Answer 1

+2 A:

First, you can combine those into one DOM ready event. Also, some of your code was outside the event, so that's probably why it wasn't working.

$(function() {
    $('#date').datepicker();
    var availableTags = ["Christmas Day","etc"];
    $("#tags").autocomplete({source:availableTags});
    $('#date').change(function() {
        if ($(this).val().substring(0, 5) === '12/25') {
            $('#desc').val('Christmas');
        } else {
            $('#tags').val('');
        }
    });
});

UPDATE: Hopefully it's just a poorly written example, but your given HTML is very invalid as well. Notice you are opening a <div> tag and then closing a <p> tag, among other issues like not closing your <head> tag before opening the body, etc. All of these issues could be preventing the javascript from functioning properly.

Stephen 2010-07-12 21:28:25

Awesome..thanks

oneofthelions 2010-07-12 21:55:28

No problem. You're welcome.

Stephen 2010-07-12 21:57:51

Answer 2

A:

I believe you're missing an apostrophe in the line that says

$('#desc).val('Christmas');

it should read

$('#desc').val('Christmas');

Josiah 2010-07-12 21:33:52

Answer 3

A:

Maybe you should do this:

<DIV class="ui-widget">Date: <INPUT TYPE="TEXT" name="xx" property="xx" id="date" /></P>
<input type="text" id="desc" name="desc"/>
<script>
$('#date').change( function() { 
    if ($(this).val().substring(0, 5) === '12/25') { 
        $('#desc').val('Christmas'); 
    } 
});   
</script>
</body>

I think your onchange event is not being registered.

Regards, Satyajit

Satyajit 2010-07-12 21:49:43

ansaurus

tags:

views:

answers:

javascript autocomplete with onChange event

related questions