html - settin up a text input value with Javascript -

html - settin up a text input value with Javascript -

i'm creating scoring ballot score submitted competition videos. utilize same html form videos score. fields beingness dynamically updated java script are: justice name , contestant name. problem value set java script showing on form not recorded in csv file.

here html: select name judge#1 judge#2 judge#3 judge#4 judge#5 judge#6 based on alternative select set of videos have not completed scoring on, , first scoring form video embedded displayed. hidden on page.

<form id="ballot1" action="javascript: sendballot()" method="post" enctype="multipart/form-data"> <table border="0" style="border-collapse: collapse" width="100%" id="table3"> <tr> <td><input type="hidden" name="contestant" value="contestant1"></td> <td width="78%"><input name="form_judge" id="form_judge" value=""></td> </tr> <tr> <td><p><span style="font-size:1em;"><strong>1. efficacy of practice - 50%</strong></span></p></td> </tr> <tr> <td><label class="ballot">&nbsp;&nbsp;&nbsp;a. video explores relevant subject matter </label> </td> <td> <select class="ballot" id="one_a_score" name="one_a_score" valign="bottom"> <option value="0" selected>select score</option> <option value="2">poor</option> <option value="4">below average</option> <option value="6">average</option> <option value="8">good</option> <option value="10">excellent</option> </select> </td> </tr> </table> <div class="buttons"> <input type="submit" name="submit" value="submit form" id="submit"/> <input type="reset" value="reset" id="resetbtn"/> </div>

my java script set form values:

function showballotform(divname) { var divname = 'contestant1'; document.getelementbyid(divname).style.display=''; var selectjudgename = document.getelementbyid("judgename"); oformobject = document.forms['ballot1']; oformelement = oformobject.elements['form_judge']; oformelement.value = selectjudgename.options[selectjudgename.selectedindex].value; }

var divname = 'contestant1'; - deleted figure out why justice name set , showing on form no problem, when come in scores , nail "submit" button, entire form recorded in csv file, except 1 value (form_judge) set dynamically. way, tried utilize getelementbyid insted of oformelement, result same. can see on form, records word 'judge' in csv file, not actual name. missing? help appreciated.

i can't quite grasp javascript because there several errors in it:

function showballotform(divname) { var divname = 'contestant1';

the divname parameter never used since immediatly re-written?

document.getelementbyid(divname).style.display='';

no thought wanted here, want display hidden input?

var selectjudgename = document.getelementbyid("judgename");

there no element "judgename" id on html, won't work, suppose did not paste total code then

oformobject = document.forms['ballot1']; oformelement = oformobject.elements['form_judge'];

ok, using document.getelementbyid("form_judge")

oformelement.value = selectjudgename.options[selectjudgename.selectedindex].value;

but here error. cannot set value on select. see object input weird since can't see selectjudgename came from! info send on form selectedindex, not value. want find alternative want , point this:

oformelement.selectedindex = (the index of alternative want)

if don't know index, have on oformelementobject, loop searching of alternative have value want, , when find it, set selectedindex , break out.

also, submits javascript named in action, sure sending proper data?

javascript html forms submit