javascript - jQuery selectmenu change function not working on iPhone -

I am using the jquery selectmenu function within my webpage and it does not work on the iOS browser properly.

After selecting my menu item the menu disappears but my change: the function is not at all, it just hides the menu again.

My code is:

  $ ('# adult menu') select menuu {{change: function () {adult = $ (this) .val () + 'Adult'. '; Var InputView = Adult + Shivaluel + YouthValue + Infant Difference; $ ('# Person input'). Val (inputvalue);}}};  

I think this is a common problem on iOS, but I'm still looking forward to reading the forum for a long time.

Any help would be great! Dear people from the future: Even what have I thought so far

> with new findings Edit :

After using more, I found the reason that this happens when you set the value of a selection menu with nothing in the menu that shows the following problem:

  var $ fubar = $ ('.fubar') ; $ Fubar.selectmenu ({'change': function () {$ fubar.val ('pancakes');}});  

  & lt; Script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Link href = "https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel = "stylesheet" /> & Lt; Script src = "https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" & gt; & Lt; / Script & gt; & Lt; Select class = "fubar" & gt; & Lt; Options & gt; Cake & lt; / Options & gt; & Lt; Options & gt; Ice cream & lt; / Options & gt; & Lt; / Select & gt;