[jQuery] Passing formfield value on blur

[jQuery] Passing formfield value on blur

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;}
p
{mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:12.0pt;
font-family:"Times New Roman";}
span.EmailStyle21
{mso-style-type:personal-reply;
font-family:Arial;
color:navy;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=EN-US link=blue vlink=blue>
<div class=Section1>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Thanks Blair.  That was it.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<div style='border:none;border-left:solid blue 1.5pt;padding:0in 0in 0in 4.0pt'>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>From:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Blair McKenzie
<b><span style='font-weight:bold'>Sent:</span></b> Thursday, January 04, 2007
7:54 PM
<b><span style='font-weight:bold'>To:</span></b> <st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Passing
formfield value on blur</span></font><o:p></o:p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<p class=MsoNormal style='margin-bottom:12.0pt'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>First, inside an event
you can access the element through 'this':
</span></font><font size=2 face=Arial><span style='font-size:10.0pt;font-family:
Arial'>i.e. inside the blur function $('#idm') == $(this)</span></font>
I don't understand this:
<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>var
formval = {$('#idm').val();};
If you're trying to create an object then you should use:
var formval = { idm:$(this) .val() };
If you're trying to create an array:
var formval = [ $(this).val() ];
Blair</span></font><o:p></o:p>
<div>
<p class=MsoNormal><span class=gmailquote><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>On 1/5/07, <b><span style='font-weight:bold'>Michael
E. Carluen</span></b> <<a href="mailto:cf_mecarluen@comcast.net">cf_mecarluen@comcast.net</a>>
wrote:</span></font></span><o:p></o:p>
<div link=blue vlink=purple>
<div>

<font size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:
Arial;color:navy'>Oops the script is:</span></font><o:p></o:p>


<font size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:
Arial;color:navy'> </span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>$("#idm").blur(
function() {</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
var formval = {$('#idm').val();};</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
$.ajax({</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  type: "POST",</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  url: "testj.php",</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  dataType: "json",</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  data: formval,</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  success: function(response){$('#formname).append(response.company_name);
}</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
});                    
</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>});</span></font><o:p></o:p>


<font size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:
Arial;color:navy'> </span></font><o:p></o:p>


<font size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:
Arial;color:navy'> </span></font><o:p></o:p>


<div style='border:none;border-left:solid windowtext 1.5pt;padding:0in 0in 0in 4.0pt;
border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color blue'>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center>
</span></font></div>

<b><font size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma;
font-weight:bold'>From:</span></font></b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma'> <a
href="mailto:discuss-bounces@jquery.com" target="_blank">discuss-bounces@jquery.com</a>
[mailto:<a href="mailto:discuss-bounces@jquery.com" target="_blank">
discuss-bounces@jquery.com</a>] <b><span style='font-weight:bold'>On Behalf Of </span></b>Michael
E. Carluen
<b><span style='font-weight:bold'>Sent:</span></b> Thursday, January 04, 2007
7:22 PM
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> [jQuery] Passing
formfield value on blur</span></font><o:p></o:p>












</div>
<div><span id="q_10ff04eb487cb658_3">

<font size=3 face="Times New Roman"><span style='font-size:12.0pt'> <o:p></o:p></span></font>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>Hello
folks.</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>I'm
trying to pull some data after a blur event from a form field (id=idm). 
Unfortunately, the script below is not working.  Any suggestions will be
appreciated.</span></font><o:p></o:p>



<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>Thanks
in advance!</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'> </span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>$("#idm").blur(
function() {</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
var params = {$('#idm').val();};</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
$.ajax({</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  type: "POST",</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  url: "testj.php",</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  dataType: "json",</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  data: formval,</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
  success: function(response){$('#formname).append(response.company_name);
}</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>           
});                    
</span></font><o:p></o:p>


<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'>});</span></font><o:p></o:p>


</div>
</div>
</span>

<font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'> </span></font><o:p></o:p>


</div>
</div>
<p class=MsoNormal style='margin-bottom:12.0pt'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/" target="_blank">http://jquery.com/discuss/</a>
<o:p></o:p></span></font>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/