How to bind the value from the javascript to a view in laravel?

Question

I have an input field in the blade.

<div id="id1">
<input id ="text1"  data-readOnly="true" data-max=300 value= 34/>
</div>

Script:

 channel.bind('App\\Events\\ValueChange', function(data){
      target = data.id;
      value = data.value;
});

I need to bind the value = data.value; from the event to the attribute value in the Input field in the blade file.

How could I do this? Could someone please help.

Thanks.

I'm not quite sure what you're doing there. Could you add some more details to your question? — shaedrich
– shaedrich, Commented May 21, 2021 at 12:21
What’s the problem? If you’re listening to broadcast events using Echo then you can receive the new value in the payload and update your input like you’ve demonstrated. — Martin Bean
– Martin Bean, Commented May 21, 2021 at 12:28
I want to know, how to bind the values triggered from the event to the input field value attribute, For ex, I used static value 34, but the value should be returned from the Event. How to bind the value? — KovidaK
– KovidaK, Commented May 21, 2021 at 12:32
As has already been answered, get the element, and alter it's value with getElementById — BritishWerewolf
– BritishWerewolf, Commented May 21, 2021 at 14:04
@JustCarty, In the blade fiel, do I need to use the below to bind the value `<input value = "{{ value }}"/> ? — KovidaK
– KovidaK, Commented May 21, 2021 at 14:22

BritishWerewolf · Accepted Answer · 2021-05-21 14:01:00Z

1

This can be done by

channel.bind('App\\Events\\ValueChange', function(data) {
    target = data.id;
    value = data.value;

    document.getElementById('text1').value = value;
});

edited May 21, 2021 at 14:01

BritishWerewolf

3,9785 gold badges34 silver badges54 bronze badges

answered May 21, 2021 at 12:23

Mua Rachmann

1392 silver badges8 bronze badges

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

5 Comments

KovidaK Over a year ago

how to bind that value from the script to the view in the input field?

BritishWerewolf Over a year ago

@KovidaK I'm not sure how this doesn't answer the question. When you say "bind" I imagine you want the value to update. That will happen when your event updates.

KovidaK Over a year ago

@Mua Rachmaan, after adding document.getElementById('text1').value = value;, I could not see any changes in the value atrribute in the input field.

KovidaK Over a year ago

@JustCarty, If` <input value = 20>` and when I trigger the value through event document.getElementById('text1').value = value; , then 20 should be replaced by the value triggered by the Event, Correct? . If I pass event(eventname(45)) in the tinker. 20 should be replaced by 45 in the browser. But still Its 20.

Mua Rachmann Over a year ago

@KovidaK then you should probably ask another question, I think your call back is not being called. This has to do with wither pusher or laravel echo.

Collectives™ on Stack Overflow

How to bind the value from the javascript to a view in laravel?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related