javascript - Chrome error - Uncaught TypeError: Cannot read property 'value' of null -


i wonder if can problem having getting work in chrome. seems working in ie without issues.....

i have following html code creates table:

<table class="filter_table"> <tr> <td class="filter_table"> booking number: <input type="textbox" id="filterbybookingnumber" name="filterbybookingnumber"> </td> <td class="filter_table"> cruise code: <input type="textbox" id="filterbycruisecode" name="filterbycruisecode"> </td> <td class="filter_table"> tier 2 required:  <select id="filterbytier2required" name="filterbytier2required"> <option value="">no pereferance</option> <option value="yes">yes</option> <option value="no">no</option> </select>  </td> <td class="filter_table"> cruise op required:  <select id="filterbycruiseopsrequired" name="filterbycruiseopsrequired"> <option value="">no pereferance</option> <option value="yes">yes</option> <option value="no">no</option> </select>  </td> <td class="filter_table"> <input type="button" value="filter" id="filterbutton" onclick="filterone();"> </td> </tr> </table>  <table> <tr id="<%= row %>"> <td class="someclass"><input type="textbox" id="col00r<%= row %>" value="<%= column00 %>" style="width:75px;" readonly class="textbox"></textbox></td> <td class="someclass"><input type="textbox" id="col0r<%= row %>" value="<%= column0 %>" style="width:75px;" readonly class="textbox"></textbox></td> <td class="someclass"><input type="textbox" id="col1r<%= row %>" value="<%= column1 %>" style="width:75px;" readonly class="textbox"></textbox></td> <td class="someclass"><input type="textbox" id="col2r<%= row %>" value="<%= column2 %>" style="width:75px;" readonly class="textbox"></textbox></td> <td class="someclass"><input type="textbox" id="col3r<%= row %>" value="<%= column3 %>" style="width:75px;" readonly class="textbox"></textbox></td> <td class="someclass"><input type="button" id="<%=row%>" value="select" style="width:75px;" onclick="reply_click(this.id)"></td> </tr> <% row = row + 1 next %>  </table>

i have javascript function within head of document, runs when filter button clicked.

<script> function filterone() { var table = document.getelementbyid("entries"); var rows = table.getelementsbytagname("tr"); var filterbybookingnumber = document.getelementbyid("filterbybookingnumber").value var filterbycruisecode = document.getelementbyid("filterbycruisecode").value var filterbytier2 = document.getelementbyid("filterbytier2required").value var filterbycruiseops = document.getelementbyid("filterbycruiseopsrequired").value var searchstring = "" if (filterbybookingnumber !== "") { searchstring = searchstring + filterbybookingnumber } else { searchstring = searchstring + "" } if (filterbycruisecode !== "") { searchstring = searchstring + filterbycruisecode } else { searchstring = searchstring + "" } if (filterbytier2 !== "") { searchstring = searchstring + filterbytier2 } else { searchstring = searchstring + "" } if (filterbycruiseops !== "") { searchstring = searchstring + filterbycruiseops } else { searchstring = searchstring + "" } //open loop for(j = 1; j < rows.length; j++) { var filterbybn = document.getelementbyid("col1r" + j).value var filterbycc = document.getelementbyid("col3r" + j).value var filterbyt2 = document.getelementbyid("col15r" + j).value var filterbyco = document.getelementbyid("col16r" + j).value var searchresults = "" if (filterbybookingnumber !== "") { searchresults = searchresults + filterbybn } else { searchresults = searchresults } if (filterbycruisecode !== "") { searchresults = searchresults + filterbycc } else { searchresults = searchresults } if (filterbytier2 !== "") { searchresults = searchresults + filterbyt2 } else { searchresults = searchresults } if (filterbycruiseops !== "") { searchresults = searchresults + filterbyco } else { searchresults = searchresults } if ((searchstring) == (searchresults)) { document.getelementbyid(j).style.display = "table-row"; } else { document.getelementbyid(j).style.display = "none"; } //close loop. } //close function. } </script>

all working in ie coming following error in chrome, particular to:

var filterbybn = document.getelementbyid("col1r" + j).value var filterbycc = document.getelementbyid("col3r" + j).value var filterbyt2 = document.getelementbyid("col15r" + j).value var filterbyco = document.getelementbyid("col16r" + j).value

any appreciated.

many thanks,


Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more