0

I'm trying to set up a mobiscroll number chooser for a landing page, but it seems that I'm doing something wrong because, above the scroll, I get a text field with the number chosen in mobiscroll written inside it.

To be honest, in the website I didn't find a very easily understandable FAQ for the installation and I'm a bit new to this kind of things, could please someone help me? Below a screen of the page and the code as well.

enter image description here

The code here

Florent
  • 12,310
  • 10
  • 49
  • 58
Winegood Vino
  • 30
  • 7
  • 1
    Where do you wanna show the text box? – Sowmya Oct 11 '12 at 12:42
  • http://winegood.it/landing_ristoranti/index.html here, beside the picture (I will resize it) – Winegood Vino Oct 12 '12 at 08:51
  • Remove display:none !important from the inline style – Sowmya Oct 12 '12 at 08:55
  • And R u sure that all js&CSS3 files are in given path? – Sowmya Oct 12 '12 at 09:07
  • But if I remove that the mobiscroll comes with no style (just a simple list), you can try it with firebug to see what I mean.. – Winegood Vino Oct 12 '12 at 09:13
  • @Sowmya omg thank you so much, all that copy and paste made me forget about the path! how silly of me...Two days to find that out... Only one last thing, I put a sort of label (textfield, the label isn't working, but I think that works the same) under the mobiscroll (I'll move inside the text later), but the problem is, how do I make it display also the first number even if hasn't been selected by the user? now when you load the page, nothing is displayed inside the "label", I'd like to see the firs number as well, I tried with option selected="selected" but it isn't working... – Winegood Vino Oct 12 '12 at 10:17
  • For this you need to check in js – Sowmya Oct 12 '12 at 12:05

1 Answers1

0

Add input{display:none} in css file. It works.

I assumed that you don't want the text box to be shown.

The below line in js file is inserting a input box before the select list.

var input = $('<input type="text" id="' + id + '" value="' + main['_' + elm.val()] + '" class="' + s.inputClass + '" readonly />').insertBefore(elm);
Sowmya
  • 26,684
  • 21
  • 96
  • 136
  • thanks, that worked, but unfortunately there is another problem: if I try to put mobiscroll inside another web page, it doesn't appear... http://winegood.it/landing_ristoranti/index.html is it because of **style="display:none !important;"** ? – Winegood Vino Oct 11 '12 at 13:24