Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Delete a form element

Status
Not open for further replies.
berkshirea

berkshirea

Technical User
Mar 22, 2009
97
GB
hi guys, can you give me some tips please. i've been searching around but still no luck. i'd like a script that would delete/remove a textfield by clicking the button/text opposite the textfield.

something like below:

thisIsMyTextfield -- clickThisToRemoveTextfield
thisIsMyTextfield -- clickThisToRemoveTextfield
thisIsMyTextfield -- clickThisToRemoveTextfield
thisIsMyTextfield -- clickThisToRemoveTextfield
thisIsMyTextfield -- clickThisToRemoveTextfield

please note that all the textfields are of same name.

thanks for any inputs.




 
Sort by date Sort by votes
Delete, as in completely remove, or maybe just hide? Or even disable?

I would start by looking at the removeChild() function.


----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
Upvote 0 Downvote
hi vacunita,

it's a delete as in completeley remove as selected text field.
 
Upvote 0 Downvote
hi guys,

i found a code and did a bit of amending and it worked!

Code: 
<html>
<head>
<script type="text/javascript">
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('myTable').deleteRow(i);
}
</script>
</head>
<body>

<table id="myTable" border="1">
<tr>
  <td>Row 1</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 2</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 3</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
</table>

</body>
</html>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
740
Mike Lewis
Mike Lewis
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
333
malpa
malpa
zydjohn
  • Locked
  • Question
How to load JavaScript files to enable DOM element click
Replies
1
Views
115
ggriffit
ggriffit
penguinspeaks
  • Locked
  • Question
How do I pass a classic asp variable to JS
Replies
1
Views
494
xwb
xwb
JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
660
ggriffit
ggriffit

Part and Inventory Search

Sponsor

Back
Top