Response title
This is preview!
How can I get this Show() function to view selected=selected as a value so that it will work with values fetched from a database?
in Using jQuery
•
8 years ago
This show() function works correctly if values are hard coded and/or selected on the page, but isn't working if the values have been retrieved from the database.
This script doesn't seem to be recognizing the values even though they're echo'd properly and are being utilized by in 2 different ways on the page - to display the values as text, and to set the values of the relevant input elements (the user toggles between these depending if they're in View or Edit), and the HTML source code shows those values as well as setting input elements as selected="selected" or checked=checked.
This function is being used on the customer's account page to show or hide information *(typically an entire row or div)* if particular questions haven't been answered. The initial form consists primarily of Select elements, so the values indicating that a question is unanswered may be either Null or "" (if it's empty). A fiddle of the script is available here: http://jsfiddle.net/chayacooper/u2eyM/70/
I also created a 2nd fiddle with the relevant HTML (seen in source) which doesn't work correctly. http://jsfiddle.net/chayacooper/8Mut9/9/. The php causes 'Chic' to be displayed when it echo's $row['style_ranking_1'] *(represented in the HTML in 2 places: `<span class="customer_data_field textbox_toggle">Chic</span>` and `<option selected="selected" value="Chic">Chic</option>`,* but the user is shown row 1 instead of row 2.
This script doesn't seem to be recognizing the values even though they're echo'd properly and are being utilized by in 2 different ways on the page - to display the values as text, and to set the values of the relevant input elements (the user toggles between these depending if they're in View or Edit), and the HTML source code shows those values as well as setting input elements as selected="selected" or checked=checked.
- $(document).ready(function () {
- $("#style_row1, #style_row2").hide();
- if( $("[name=style_ranking_1]").val() === "Null" || $("[name=style_ranking_1]").val() === "")
- {$("#style_row1").show();}
- else {$("#style_row2").show()};
- });
This function is being used on the customer's account page to show or hide information *(typically an entire row or div)* if particular questions haven't been answered. The initial form consists primarily of Select elements, so the values indicating that a question is unanswered may be either Null or "" (if it's empty). A fiddle of the script is available here: http://jsfiddle.net/chayacooper/u2eyM/70/
I also created a 2nd fiddle with the relevant HTML (seen in source) which doesn't work correctly. http://jsfiddle.net/chayacooper/8Mut9/9/. The php causes 'Chic' to be displayed when it echo's $row['style_ranking_1'] *(represented in the HTML in 2 places: `<span class="customer_data_field textbox_toggle">Chic</span>` and `<option selected="selected" value="Chic">Chic</option>`,* but the user is shown row 1 instead of row 2.
1
