How to check if there exist an input with specific name attr using jQuery

Question

I need a function to add new input element dynamically using jQuery.

It is something like this

function addInput(inputName) {
  $('<input>', {
    type: "hidden",
    name: "inputName"
  }).appendTo('#foo');
}

addInput('test');

and it works, It adds a new <input type="hidden" name="test"> to #foo

Problem appears when I want to make this function add input only if input with specified name does not exists in DOM.

Here is my updated function

function addInput(inputName) {
  if (! $(input).attr('name','inputName') {
    $('<input>', {
      type: "hidden",
      name: "inputName"
    }).appendTo('#foo')
  }
}

addInput('test');

But insteed checking for input elements with the name test it sets name of all input elements to test. Is there any method to only test input name?

skobaljic · Accepted Answer · 2017-08-19 07:58:20Z

9

Check length with equal-selector like,

function addInput(inputName) {
  if (! $('input[name="'+inputName+'"]').length) {
    $('<input>', {
      type: "hidden",
      name: inputName
    }).appendTo('#foo')
  }
}

Demo

edited Aug 19, 2017 at 7:58

skobaljic

9,6841 gold badge29 silver badges52 bronze badges

answered Oct 29, 2013 at 6:01

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

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

Comments

Vinay Pratap Singh Bhadauria · Accepted Answer · 2013-10-29 06:04:15Z

2

function addInput(inputName) {
    if ($('input[name="'+inputName+'"]').length > 0)
     {
      alert("Exists");
     }
    }

answered Oct 29, 2013 at 6:04

Vinay Pratap Singh Bhadauria

9,9873 gold badges30 silver badges50 bronze badges

Comments

Mohsen Akbari · Accepted Answer · 2017-08-19 07:49:04Z

1

if you work with jQuery just use .is() function:

if(input.is('[name="your_name"]')){
   //do some things!
}

see in codepen

answered Aug 19, 2017 at 7:49

Mohsen Akbari

113 bronze badges

1 Comment

Satish Over a year ago

var input= $('input');

Collectives™ on Stack Overflow

How to check if there exist an input with specific name attr using jQuery

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related