How to view values of a select list in a textbox more than once

Question

I'm trying to put "mobiscroll" (a select list) values into a textbox, but three times in one page, the strange thing is that if I choose to view it only one time it's working... Also, how do I make it display the first number even if hasn't been selected by the user? I tried with "selected" after "value" but it isn't working..

http://winegood.it/landing_ristoranti/index.html

Another question, what should I do if I want to multiply only one the result by 2? I'm trying to do it with this example but it isn't working..

Do you debug with chrome, or firebug? It gives me an error on line 47 as soon as i hit the counter, not just after 3 times. I see first your [cycle] getting terminated, cause there are to few slides, and most likely your javascript is borking on that. On your second awnser, it is indeed selected as you say, but if your slider isn't working, it has no use to enter it, cause it wont find a value to put there. — Dorvalla, Oct 12 '12 at 13:40
ok, I fixed the error (I think), but it's still not working, what should I do/change? The numbers are supposed to be seen on those three empty spaces.. — Winegood Vino, Oct 12 '12 at 13:53

Barmar · Accepted Answer · 2012-10-15T16:29:42.797

1

var f = document.frm;
f.sel_value.value = sel.options[sel.selectedIndex].value;

doesn't work for two reasons:

The <input name="sel_value"> elements are not within the form. You have an opening <form> tag, but no close tag, but the form is implicitly closed by the </div> that closes the <div> that contains it.
The assignment will only fill in one input, it doesn't automatically loop over all of them like jQuery does.

Try:

$("input[name=sel_value]").val($(sel).val());

To make it fill in these fields when the page loads, you need:

 $(function(){
    $('#select').scroller({
        preset: 'select',
        theme: 'default',
        display: 'inline',
        mode: 'clickpick',
        inputClass: 'i-txt'
    });
    aggiornaHidden($("#select"));
});

To multiply the value before filling in some of the inputs, change those inputs to:

<input type="text" name="sel_value" data-multiply="2" .../>

Change aggiornaHidden to:

function aggiornaHidden(sel){
  $("input[name=sel_value]").each(function() {
      var multiply = $(this).data("multiply") || 1;
      $(this).val($(sel).val() * multiply);
  });
}

edited Oct 15 '12 at 16:29

answered Oct 12 '12 at 14:21

Barmar

741,623
53
500
612

ok, that worked, there's only one thing left, how do I make it display the first number? (option "selected" I mean, but it isn' working) – Winegood Vino Oct 12 '12 at 14:31
Call `aggiornaHidden($("#select"))` in your main jQuery function, so it will display the selected value when the page is loaded. Currently you're only doing it in the onchange handler. – Barmar Oct 12 '12 at 14:47
Inside $(function...). That's where you put everything you want to run when the page loads, right? See my edited answer. – Barmar Oct 12 '12 at 15:15
Sorry, another question, what should I do if I want to multiply only one the result by 2? I'm trying to do it with this example but it isn't working.. – Winegood Vino Oct 15 '12 at 08:49
See new definition of aggiornaHidden in answer – Barmar Oct 15 '12 at 13:03
hmm it doesn't work... I updated it online, you can see it from there – Winegood Vino Oct 15 '12 at 14:01
Just fixed some syntax problems, try it again. – Barmar Oct 15 '12 at 16:30

How to view values of a select list in a textbox more than once

1 Answers1