how to pass value from javascript to html?

Question

I am trying to pass value to html id attribute. So, I am getting value from laravel php controller

Javascript

        $("ul.nav-tabs > li > a").click(function() {
        // alert($(this).attr("href").replace("#", ""))
        var id = $(this).attr("href").replace("#", "");
        console.log(id);

        if(id) {
            $.ajax({
                url: "{{ route('user.schedule.getId') }}",
                type: "GET",
                data:{'id':id},
                dataType: "json",
                success:function(data) {
                    console.log(data);

                }
            });
          }
       });

html Blade

                     <ul class="nav nav-tabs tabs_content">
                            @foreach ($routes as $route)
                                <li >
                                    <a href="#{{ $route->id }}" id="ad" data-toggle="tab">
                                        {!! $route->name !!}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                        <div class="tab-content blog_tabs">
                            <div class="tab-pane" name="schedule" id="tab-{{ $route->id}}" >

                                @foreach ($tabSchedule as $schedule)
                                    <ul class="list-group">
                                        <li class="list-group-item">{{ $schedule->schedule_number}}</li>
                                    </ul>
                                @endforeach    
                            </div>
                        </div>

so here is picture of what i want to pass:

Potato Salad · Accepted Answer · 2019-07-22 08:29:08Z

1

Query the element and set the id attribute:

success: function(data){
     $('.tab-content .tab-pane').attr('id', data.id)
}

But I don't get it. Why are you dynamically setting an id when you can do it in something a bit more acceptable like in a class, or a custom attribute eg data-id. And then just access the element through the class or attribute

answered Jul 22, 2019 at 8:29

Potato Salad

4,6603 gold badges22 silver badges33 bronze badges

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

Comments

waseel almahri · Accepted Answer · 2019-07-22 08:35:59Z

1

You could give your hidden field a unique id for example:

<input type="hidden" name="smname" id="smname" />
and then in javascript:

document.getElementById('smname').value = data();
I hope I have helped you

answered Jul 22, 2019 at 8:35

waseel almahri

5042 silver badges10 bronze badges

Collectives™ on Stack Overflow

how to pass value from javascript to html?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related