ansaurus

Question

change controlname dynamically in javascript

Answer 1

+1 A:

IF you want to clear the values of all text inputs use this code:

// get all <input> elements
var inputs = document.getElementsByTagName('input');

for (var i = 0; i < inputs.length; i++) {
    // check input type
    if (inputs[i].type === 'text') {
        inputs[i].text = '';
    }
}

You could easily modify that code to handle textareas as well or add some more filtering to the elements.

If you consider using JS framework you can make this code much shorter. For example if you use jQuery then here's the code for you:

$(document).ready(function () {
    $('input:text').text('');
});

RaYell 2009-07-31 04:56:35

thanks for u r answer but it is not work for ASPX control propertiesand also document.getElementsByTagName('input'); not supported by aspx can u give code for aspx controls ?

karim 2009-07-31 05:34:38

This is JS (client side language) which has nothing to do with ASP (which is server side)

RaYell 2009-07-31 05:38:19

hi Ray Yell i tried your code but it is throwing an error Microsoft JScript runtime error: Object doesn't support this property or methodi am using ASPX (DevExpress Controls) it is not support what u mentioned code can u give any another way to do this? thanking you

karim 2009-07-31 08:58:05

I added an alternative solution if you are willing to use jQuery framework in your app. In most cases using a framework (not necessarily this one, but it's quite popular) is a very good idea. All you need to do is include `jquery.js` to your page and start using it.

RaYell 2009-07-31 09:15:12

i got the solutionThanking you u r help.

karim 2009-07-31 09:52:59

Answer 2

+1 A:

Here is another sample to clear value all textboxes:

<script type="text/javascript">
   function pp(){
          for(p in form1.childNodes) {
              if(form1.childNodes(p).type=="text")
                  form1.childNodes(p).value="";
          }
    }
</script>

<body>
  <form name="form1">
      <input type="text" name="a1"/>
      <input type="text" name="a2"/>
      <input type="text" name="a3"/>
      <input type="button" name="a11"/>
      <input type="submit" name="a12"/>
      <input type="button" value="Clear" onclick="pp()" name="a13"/>

   </form>
</body>

adatapost 2009-07-31 05:04:31

Answer 3

A:

Thank You For Ur quick response, but i'm using aspx controls

Thanking You, Rajesh.

2009-07-31 05:21:03

Answer 4

A:

How about simply calling document.forms["form1"].reset() in Javascript? It will clear the values of all the controls in the form.

Matthew Lock 2009-07-31 06:57:52

sorry matthew Lock i want only some text boxes in aspxcan you give any code for dynamically change control names.examplecontrol1.Settext('');control2.Settext('');""control50.Settext('');control'Dynamicnubmers' .settext('');thanks matthew

karim 2009-07-31 08:23:43

Answer 5

A:

Thanking u all i got the solution like below method var i = 0; for (i = 0; i <= ft.length; i++) {

               x = new Object();
               x = ft[i];
               propertyName = ".SetText";
               propertyValue = " ";
               if(x !="undefined")
               eval(''+x+'' + propertyName + "('" + propertyValue + "');");
               or

              eval(x).SetText('');
            }

thnks to all.

karim 2009-07-31 09:56:54

ansaurus

tags:

views:

answers:

change controlname dynamically in javascript

related questions