change attribute of a selected element value dynamically from jquery

Question

Lets say I have two elements inside a parent container.

<div class="myclass" id="myid" myvalue="1"></div>
<div class="myclass" id="secid" myvalue="2"></div>

Now I select firstitem, I set the value from spinner and code will be something like selectable plugin but I want to assign values to selected item.

  $('#myspinner').spinner({
        stop: function (event, ui) {
            //change myid myvalue to selected value
        }
    });

How can I change the value of the second element using the same code? My fiddle my example

How do you get selected value here? Is it coming from the event or ui objects? — Nikhil Talreja
– Nikhil Talreja, Commented Jun 20, 2014 at 4:25

Nikhil Talreja · Accepted Answer · 2014-06-20 06:17:05Z

2

<div class="myclass" id="myid" myvalue="1"></div>
<div class="myclass" id="secid" myvalue="2"></div>

var spinner = $("#spinner").spinner();
    var selectedDiv = '';

    $('.myclass').click(function () {
        selectedDiv = this;
    });

    $('#myspinner').spinner({
        stop: function (event, ui) {
            $(selectedDiv).html(this.value);
        }
    });

The selectedDiv variable will hold the element that has been selected by clicking. When the spinner is stopped, the stop: function is triggered. This will in turn set the html content of the selected div to the value selected using the spinner (this.value)

edited Jun 20, 2014 at 6:17

answered Jun 20, 2014 at 4:28

Nikhil Talreja

2,7741 gold badge16 silver badges21 bronze badges

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

11 Comments

Anubian Noob Over a year ago

Can you tell us what this does?

Nikhil Talreja Over a year ago

When the element with id myid is clicked, its value is changed to the value of element with id myspinner, which is the element on which the jQuery spinner is added to.

vbCoder Over a year ago

thats not wat i mean nikh. your way is reverse as mine.i wan to click the div first and change the value from spinner.i click on next div and change the value from the spinner again on selected div only

Nikhil Talreja Over a year ago

Check my edited answer and see if it works for you. You need to focus on the $('#myspinner').spinner('value') part since that will give you the selected value from the spinner. You can assign it to the element you wish to.

Filling The Stack is What I DO Over a year ago

I think I know what you're doing now. This spinner of yours is doing some type of spinning and when it stops, "maybe from the user stopping it by clicking on it while it is spinning", triggers the stop event. So, #Nikhil has it right. You'll have to look at the spinner documentation in order to know how to retrieve the value of the selected spinner value. I bet you could set the value like $("#myid").val(this.value); or $("#myid").val(ui.value);

|

Filling The Stack is What I DO · Accepted Answer · 2014-06-20 04:28:24Z

0

Your posted code is incorrect. You might want to check it out and re-post it.

If you want a click event to happen when firstitem is clicked then your selector should be $('.firstitem') and not $('#myspinner').

You'll need to make those changes to begin with.

answered Jun 20, 2014 at 4:28

Filling The Stack is What I DO

6,74115 gold badges58 silver badges89 bronze badges

1 Comment

vbCoder Over a year ago

i just wrote it here and didnt test it out

Collectives™ on Stack Overflow

change attribute of a selected element value dynamically from jquery

2 Answers 2

11 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related