Set choice field value using java script :

I have a choice field with values :

When my page loads, my choice column should be selected as "Cancelled"(i don't want to set using OOTB default value option.)

  • In which kind of Context, a Form ? Listview?
    – Ren Hoek
    Jun 4 '12 at 7:26
  • ootb list form say, editform.aspx Jun 4 '12 at 7:37

Imagine you have the following radio buttons:

<input type="radio" name="color" value="pink" /> Pink 
<input type="radio" name="color" value="black" /> Black  

You can select the radio button using the following jQuery code. Insert this code in EditForm.aspx and you're good to go.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

    var presetValue = "black";

Here is the JS only code:

Refer the JS in the EditForm.aspx:

Try this in your myjs.js file:

 var inputs = document.getElementsByTagName("radio");
 var i = 0;
 for (i = 0; i < inputs.length; i++) {
 var input = inputs[i];
 if (input.id.indexOf('color') > -1)     
    document.getElementById('pink').checked = false;
    document.getElementById('black').checked = true;
  • can i do it with javascript only.No jquery Jun 4 '12 at 8:18
  • What is the glitch while using jQuery? Jun 4 '12 at 8:23
  • for the particular requirement i can only use javascript. Jun 4 '12 at 8:25
  • try my updated response. Note, I haven't tested it myself so please feel free to improve it. Jun 4 '12 at 9:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.