Skip to main content

Bug Tracker

Side navigation

#4689 closed bug (duplicate)

Opened May 27, 2009 03:51PM UTC

Closed May 28, 2009 03:09AM UTC

Can't select an input field inside a form

Reported by: pothibo Owned by:
Priority: major Milestone: 1.4
Component: unfiled Version: 1.3.2
Keywords: Cc:
Blocked by: Blocking:
Description

Here's the code, try to select the input inside.. I can't, I tried $('form[name="contact_add"] input[name="name"]')

$('form[name="contact_add"] #name')

$('form[name="contact_add"]').find('#name')

and some more.. couldn't ever get my input selected.

$('form[name="contact_add"] input[name="name"]').livequery('keyup', function()

{

if (this.value.length > 3)

{

$('.field-loading').show();

$('#popup div.body div.results').load(

//FIXME: HARDCODED URL

'/frontend_dev.php/contact/search',

{ query: this.value }

);

$('#popup div.body div.results').ajaxComplete(function()

{

$('.field-loading').hide();

});

}

});

************** HTML

<form name="contact_add" method="post" action="/frontend_dev.php/contact/list">

<div class="field-wrapper">

<label>Search</label>

<input type="text" id="name" class="field-input" name="name"/> <img src="/images/loading.gif" class="field-loading"/> </div>

<div class="notification">

</div>

<div class="results">

</div>

</form>

Attachments (0)
Change History (2)

Changed May 27, 2009 05:54PM UTC by pbcomm comment:1

I think this is a DOM issue. Form elements become properties of the form element and because you have an input with ID="name", it overwrites the original form property of "name" making it return an object of input.

Changing input ID and Name to something else would solve your immediate issue.

Changed May 28, 2009 03:09AM UTC by dmethvin comment:2

resolution: → duplicate
status: newclosed

This is a dup of #3685. See also this page:

http://yura.thinkweb2.com/domlint/