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. http://stackoverflow.com/questions/1621714/jquery-find-parent-form and http://stackoverflow.com/questions/991367/how-to-get-the-form-parent-of-an-input — Shrinivas Shukla, Aug 04 '15 at 05:22

Arun P Johny · Accepted Answer · 2015-08-04T05:33:19.603

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 04 '15 at 05:33

answered Aug 04 '15 at 05:20

Arun P Johny

376,738
64
519
520

for elem.form.name showing error as cannot read property 'name' and $(elem).closest('form').attr('name') value is still showing undefined – kumar91 Aug 04 '15 at 05:34
its working here but in my code it showing error let me check again – kumar91 Aug 04 '15 at 05:36

Rohan Kumar · Answer 2 · 2015-08-04T05:42:59.623

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>

See my working snippet. Also Try my Alternate solution, which will work for you. — Rohan Kumar, Aug 04 '15 at 05:44

score 0 · Answer 3 · answered Nov 21 '17 at 07:24

0

Simply from form tag.

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

answered Nov 21 '17 at 07:24

Rehan Khan

11
3

get Form Name in javascript

3 Answers3