PHP List wont show in Javascript

Question

<p>Today's Date: <?php echo $date; ?></p>
<p>Are you applying for a day, evening, or weekend class?</p>

<select name="date" id="wclass">
<option value="day">day</option>
<option value="evening">Evening</option>
<option value="weekend">Weekend</option>
</select>


Program Start Date:

<div id="dates"></div>

<script language="javascript">
$(document).ready(function() {

$("#wclass").change(function ()
{
    if( $("#wclass").val() == 'day' )
    {
        $('#dates').html('<select name="date">\
            <option value="date1"><?php echo $start1; ?></option>\
            <option value="date2"><?php echo $start2; ?></option>\
            <option value="date3"><?php echo $start3; ?></option>\
            <option value="date4"><?php echo $start4; ?></option>\
            <option value="date5"><?php echo $start5; ?></option>\
            <option value="date6"><?php echo $start6; ?></option>\
            <option value="date7"><?php echo $start7; ?></option>\
        </select>');
    } 
 }); 
});
</script>

So my issue is that i cant get the dates to come up, the list wont show. If i put the listi in on its own, works like a charm. There an issue with the javascript?

This is what the browser gets:

 $('#dates').html('<select name="date">\
 <option value="date1">Aug 11</option>\
 <option value="date2">May 5</option>\
 <option value="date3">June 6</option>\ 
 <option value="date4">January 7</option>\
 <option value="date5">April 5</option>\
 <option value="date6">December 3</option>\
   <option value="date7">October 15</option>\
 </select>');

Show us the actual markup generated. It's quite possible that the browser is bungling up the newlines in that multiline string literal you're trying to build. Clean workaround: stackoverflow.com/questions/805107/… — Matt Ball
– Matt Ball, Commented Aug 19, 2011 at 19:44
The code comes from his previous question: stackoverflow.com/questions/7126039/… — Felix Kling
– Felix Kling, Commented Aug 19, 2011 at 19:47
@Matt Ball -- My money is against that being the problem. I'm waiting to see the markup, but I'm betting on the $start variables contain HTML characters by accident. — Michael Lorton
– Michael Lorton, Commented Aug 19, 2011 at 19:49
they are html, they are html and they are dates. Are u asking to see the content of the variables? — Osman
– Osman, Commented Aug 19, 2011 at 19:55

Community · Accepted Answer · 2017-05-23 12:26:54Z

1

Since you are listening to the change event, your list will only show up if you select evening or weekend, and then change it back to day.

You can either force a change on initial load:

$("#wclass").change(function ()
{
    if( $("#wclass").val() == 'day' )
    {
        $('#dates').html('<select name="date">\
            <option value="date1"><?php echo $start1; ?></option>\
            <option value="date2"><?php echo $start2; ?></option>\
            <option value="date3"><?php echo $start3; ?></option>\
            <option value="date4"><?php echo $start4; ?></option>\
            <option value="date5"><?php echo $start5; ?></option>\
            <option value="date6"><?php echo $start6; ?></option>\
            <option value="date7"><?php echo $start7; ?></option>\
        </select>');
    } 
 }); 
}).val('day');

Or use then second solution I gave you here: Display php using javascript

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Aug 19, 2011 at 19:48

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joseph Silber Over a year ago

@user860869 You have an error in your syntax: $(document).ready(function() { {. That second { is extra, and is what's causing your Javascript error.

ShankarSangoli · Accepted Answer · 2011-08-19 20:02:18Z

0

Your string concatenation is wrong. Try this

Working demo

$('#dates').html('<select name="date">'+
            '<option value="date1"><?php echo $start1; ?></option>'+
            '<option value="date2"><?php echo $start2; ?></option>'+
            '<option value="date3"><?php echo $start3; ?></option>'+
            '<option value="date4"><?php echo $start4; ?></option>'+
            '<option value="date5"><?php echo $start5; ?></option>'+
            '<option value="date6"><?php echo $start6; ?></option>'+
            '<option value="date7"><?php echo $start7; ?></option>'+
        '</select>');

edited Aug 19, 2011 at 20:02

answered Aug 19, 2011 at 19:51

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

6 Comments

ShankarSangoli Over a year ago

@user860869 - Try this answer, you are missing the single quotes because of the string is not well formed and there must be js error on the page. Take a look in the console.

Osman Over a year ago

tried this, isnt working, the issue isnt the list, its getting it to show up in the html

ShankarSangoli Over a year ago

Did you check the demo before down voting me?

ShankarSangoli Over a year ago

Also in your code there was an extra { near $(document).ready(function(){ I missed to mention that.

ShankarSangoli Over a year ago

Did you remove the extra brace {? There is nothing to laugh dude we are trying to help you solve your problem.

|

Collectives™ on Stack Overflow

PHP List wont show in Javascript

2 Answers 2

1 Comment

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related