Home/ Questions/Q 6735533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T11:01:25+00:00

Simple question. <input type=text value=Some text name=thisname id=thisid /> How can I get the

  • 0

Simple question.

<input type="text" value="Some text" name="thisname" id="thisid" />

How can I get the name of the id or name that is being used, instead of value.
It is clear that value of this text-box is “Some text”. But what I want is name of id and name being used now.

To be more clear … I want “thisid” or “thisname”.

See my code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function() {
    $("p").parent(".selected").css("background", "#FF8877");

});

function add(name) {
    $("#" + name).parent().clone().insertAfter($("#" + name).parent());
}
</script>
</head>

<body>

<div><p>Hello</p></div>
<div class="selected"><p name="name" id="name" onclick="add(this.name)">Hello Again</p></div>
</body>
</html>

Any idea ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looking at your edited question. You’re doing it wrong.

    It’d be much simpler to pass a reference to the element, and not it’s name.

    js:

    function add(element) {
    $(element).parent().clone().insertAfter($(element).parent());
}

    html:

    <p name="name" id="name" onclick="add(this)">Hello Again</p>

    If you want to know why your code didn’t work:

    “id” and “name” are 2 different attributes. In CSS (and therefore in jquery) you generally select an element by ID, with this syntax: #idOfElement. If you really have to, you could select one or more elements by name: *[name="nameOfElement"].

    this gives you 2 options:

    • pass to your original add function the id, not the name:

      <p name="name" id="name" onclick="add(this.id)">Hello Again</p>

    • change your add function to work with names instead

      function add(name) {
    $('*[name="' + name + '"]').parent().clone().insertAfter($('*[name="' + name + '"]').parent());
}

    Anyway, passing a reference of the element itself, is still the best option.

    • 0