So i have a button drop down
list that i want users to select a choice, and basically the button will return the users selection.Pretty straight forward, tested on jsFiddle and works great. Using ruby on rails btw, so i'm not sure if it might conflicting the way rails handle javascript actions.
Heres the code:
<%= form_for(@user, :html => {:class => 'form-horizontal'}) do |f| %>
<fieldset>
<p>Do you have experience in Business? If yes, select one
of the following:
<div class="input-group">
<div class="input-group-btn btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Select one <span class="caret"></span></button>
<ul class="dropdown-menu">
<li ><a href="#">Entrepreneurship</a></li>
<li ><a href="#">Investments</a></li>
<li ><a href="#">Management</a></li>
<li class="divider"></li>
<li ><a href="#">All
of the Above</a></li>
</ul>
</div><!-- /btn-group -->
<%= f.text_field :years_business , :class => "form-control", :placeholder => "Years
of experience" %>
</div>
Now there are 2 more
of these, and basically what happens is that if I select an item for the first time from the dropdown
list, everything works great. But the moment I select the same button/or new button, the page immediately kind
of refreshes, they selected value will not show up after the
list drops down and user selects a value. I viewed the page source and
added additional javascript src and types, but still doesnt work.
the jquery code:
jQuery(function ($) {
$('.input-group-btn .dropdown-menu > li:not(.divider)').click(function(){
$(this).closest('ul').prev().text($(this).text())
})
});
Any suggestions what is causing the problem?? The jsfiddle link is here:
http://jsfiddle.net/w4s8u/7/
