Bootstrap button-group value is not changing in dropdown menu list

HTML & CSS
, ,
1

Dear All,

I am making a search form in that I am using Button group and dropdown menu (ul, li list).
while clicking on the dropdown menu the value should change, but its not changing at all,
please suggest me some methods how I can achieve it.

I am using bootstrap version 2.1.1 and using js like jquery, bootstrap-min, bootstrap-dropdown.js etc.

<img src="/community/uploads/default/original/3X/e/b/eb8fe0b3718ae4c14e89f454b7db668f525f30af.png" width="690" height="127"> 

<form class="form-search pull-right" style="margin-top:20px;">
	<div class="input-prepend input-append">
           <div class="btn-group">
		<button class="btn dropdown-toggle" id="choices" data-toggle="dropdown">Search By <span class="caret"></span></button>
			<ul class="dropdown-menu" style="min-width:94px" >
			    <li><a href="#">Product</a></li>
			    <li><a href="#">Buy Lead</a></li>
			</ul>
		 </div><!-- /btn-group -->
              <input type="text" class="span2" id="appendedPrependedDropdownButton 
           <div class="btn-group">
      <button class="btn" data-toggle="dropdown" type="submit">Search</button>
   </div><!-- /btn-group -->
</div>										
</form>

EDIT
This post has been reformatted by enclosing the code block in 3 backticks
```
on their own lines.

2

Is this just an of your Javascript not working? I don’t believe this is the right forum for this.

3

@shahzadsiddiqui8 - I’m closing this topic, as I see you’ve posted it again in the JavaScript category. For future reference, there is no need to repost if you want to change the category of your post. Simply click the flag in the lower right corner of your post, and choose the bottom option:

Something Else
This post requires moderator attention for another reason not listed above.

Then you can add a brief note to say which category you’d like it moved to.