JSON string doesnt work in html data attribute

Question

I have a few checkboxes each with data atrribute data-route. On hover i alert first or any of the values i get only one letter ot symbol. Here is the code.

           foreach ($this->coords as $index=>$value) {
            echo '<label class="checkbox">
             <input checked type="checkbox" id='.$i .'
             data-route="[';
                 foreach ($value as $idroute){
                     echo '&#34;Route' . $id . '&#34;,';
                     $id++;
                 }
            echo ' ]" ';
            echo "onclick='isChecked(this);'> " . $index;
            echo "</label>";
            $i++;
        }

And the function for alert

    $('.checkbox').bind('mouseenter', function() {
    var Route = $('input', this).data('route');
    alert(Route[1]);
});

What I am doing wrong ? Thanks !

void · Accepted Answer · 2014-10-24 07:30:44Z

1

var Route is a string so when you will alert Route[1], it will alert the first character of the string, So you can split it with <,> and then you can access the elements of routes by the index.

Here is a sample code...

$('.checkbox').bind('mouseenter', function() {
    var Route = $('input', this).data('route').split(",");
    alert(Route[0]); // will alert the first route
});

edited Oct 24, 2014 at 7:30

answered Oct 24, 2014 at 7:25

void

36.7k10 gold badges71 silver badges111 bronze badges

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

4 Comments

Lubomir Borisov Over a year ago

This is working ! Thanks ! Btw how to pass without using split ? How the JSON should look ?

void Over a year ago

Well data-route is a comma seperated string, so in order to access the individual values you need to break the string. The other method to do this is use Regex. The regex expression should look like route.match(/(\S+?)(?:,|$)/g);

Lubomir Borisov Over a year ago

See this answer. stackoverflow.com/questions/16223786/…

void Over a year ago

Ohh nice, in your case the problem could be because their is an unwanted comma in your data-route which might be stopping you to access the array in that way, removing it will make the code work..

Collectives™ on Stack Overflow

JSON string doesnt work in html data attribute

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related