get Form Name in javascript

Question

<form name="FNAME">  
    <div id="div1">  
        <ul id="ul1"><li id="li1"><a href="" onclick="getValue(this);">Click</a>  </li></ul>
    </div>  
</form>  

<script type="text/javascript">
    function getValue(elem) {
        formName = $(elem.form.name).val();
        alert(formName);
    }
</script>

I am trying to get the form name of the above code:
formName is undefined using above code
How could i get the value of form name inside the javascript function?

This might help. stackoverflow.com/questions/1621714/jquery-find-parent-form and stackoverflow.com/questions/991367/… — Shrinivas Shukla
– Shrinivas Shukla, Commented Aug 4, 2015 at 5:22

Arun P Johny · Accepted Answer · 2015-08-04 05:33:19Z

4

Since you are using jQuery for cross browser support

function getValue(elem) {
  var formName = $(elem).closest('form').attr('name')
  alert(formName);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form name="FNAME">
  <div id="div1">
    <ul id="ul1">
      <li id="li1">
        <a href="" onclick="getValue(this); return">Click</a> 
      </li>
    </ul>
  </div>
</form>

edited Aug 4, 2015 at 5:33

answered Aug 4, 2015 at 5:20

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

kumar91 Over a year ago

for elem.form.name showing error as cannot read property 'name' and $(elem).closest('form').attr('name') value is still showing undefined

kumar91 Over a year ago

its working here but in my code it showing error let me check again

Rohan Kumar · Accepted Answer · 2015-08-04 05:42:59Z

2

Try to use closest() like,

function getValue(elem)    
{    
    formName=$(elem).closest('form').attr('name');  
    alert(formName);  
}

function getValue(elem) {
  formName = $(elem).closest('form').attr('name');
  alert(formName);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="FNAME">
  <div id="div1">
    <ul id="ul1">
      <li id="li1"><a href="" onclick="getValue(this);">Click</a> 
      </li>
    </ul>
  </div>
</form>

Alternatively, bind on click event using jquery like,

$(function(){
   $('#li1').on('click','a',function(e){
      e.preventDefault();
      alert($(this).closest('form').attr('name'));
   });
});

$(function(){
   $('#li1').on('click','a',function(e){
      e.preventDefault();
      alert($(this).closest('form').attr('name'));
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="FNAME">
  <div id="div1">
    <ul id="ul1">
      <li id="li1"><a href="" onclick="getValue(this);">Click</a> 
      </li>
    </ul>
  </div>
</form>

edited Aug 4, 2015 at 5:42

answered Aug 4, 2015 at 5:19

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

1 Comment

Rohan Kumar Over a year ago

See my working snippet. Also Try my Alternate solution, which will work for you.

Rehan Khan · Accepted Answer · 2017-11-21 07:24:00Z

0

Simply from form tag.

var formName = $('form')[0].name; alert(formName);

answered Nov 21, 2017 at 7:24

Rehan Khan

113 bronze badges

Collectives™ on Stack Overflow

get Form Name in javascript

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related