java - How to carry row id on javascript function? -
java - How to carry row id on javascript function? -
i'm beginner in area, have made coding based on other example. want create dynamic dropdown based on 2 dropdown, when 1st selected , 2nd filtered based on 1st dropdown. problem when multiple row, code not function because doesn't carry row id, don't know how carry row id on function
below code i've made
financialdatalist.jsp
class="lang-html prettyprint-override"><script language="javascript" type="text/javascript"> function addrowtotable() { var tbl = document.getelementbyid('data'); var lastrow = tbl.rows.length; var iteration = lastrow-1; var row = tbl.insertrow(lastrow); row.valign = "top"; var cnt = iteration+1 //cell 1 var cell1 = row.insertcell(0); var elem1 = document.createelement('select'); elem1.setattribute("id","typecode"+iteration); var alternative = document.createelement('option'); option.value=''; option.textcontent='-select-'; elem1.name = 'typecod'; //alert("[ "+this.value+" , "+elem1+" , "+option+" , "+elem1.value+" ]"); elem1.setattribute("onchange","showacct(this.value, 'acctcode"+iteration+"')"); elem1.appendchild(option); cell1.appendchild(elem1); // generate list of typecod alternative value select var fintypelov = document.forms[0].fintypelov.value; var tfintypelov = fintypelov.split("|"); (i = 0; < tfintypelov.length; i++){ if (tfintypelov[i] != '') { var tfintypevalue = tfintypelov[i].split("="); appendoptionlast("typecode"+iteration, tfintypevalue[0], tfintypevalue[1]); } } //cell 2 var cell2 = row.insertcell(1); var elem2 = document.createelement('select'); elem2.setattribute("id","acctcode"+iteration); var alternative = document.createelement('option'); option.value=''; option.textcontent='-select-'; elem2.name = 'acctcod'; elem2.appendchild(option); cell2.appendchild(elem2); } var xmlhttp function showacct(typecod,id){ xmlhttp=getxmlhttpobject(); if (xmlhttp==null) { alert ("browser not back upwards http request") homecoming } var url="financialdatadropdown.jsp"; url +="?typecod=" +typecod+ "&id=" +id; xmlhttp.onreadystatechange = acctchange; xmlhttp.open("get", url, true); xmlhttp.send(null); } function acctchange(){ frm = document.forms['form1']; var tbl = document.getelementbyid('data'); var lastrow = tbl.rows.length; var iteration = lastrow-2; if (xmlhttp.readystate==4 || xmlhttp.readystate=="complete"){ if(frm.typecod.size != 0 || frm.acctcod.id != "acctcode"){ var id2 = "acctcode"+iteration; //nilainyer acctcode2 document.getelementbyid(id2).innerhtml=xmlhttp.responsetext; } else { document.getelementbyid("acctcode").innerhtml = xmlhttp.responsetext; } } } function getxmlhttpobject() { var xmlhttp=null; seek { // firefox, opera 8.0+, safari xmlhttp=new xmlhttprequest(); } grab (e) { //internet explorer seek { xmlhttp=new activexobject("msxml2.xmlhttp"); } grab (e) { xmlhttp=new activexobject("microsoft.xmlhttp"); } } homecoming xmlhttp; } </script> <!--.........some code not show here..........--> <table> <tr> <td> <select id="typecode" name='typecod' onchange="showacct(this.value, 'acctcode')"> <% opt = fin.optionreffintype(false, typecod, typecod); (int = 0; < opt.size(); i++) { %> <%=opt.elementat(i)%> <% }%> </select> </td> <td> <select id='acctcode' name='acctcod' > <option value='-1'>-select-</option> </select> </td> </tr> </table>
above javascript i've made, utilize function addrowtotable() add together multiple row same function want on default row.
i phone call showacct()
function onchange
@ 1st dropdown.
java javascript ajax
Comments
Post a Comment