I have a dropdown list which done by HTML ul li tag When I click any li option then the value will put in an input box. How can I put ul li value in the input box use jQuery.
I am follow this code:
<ul class="dropdown-menu" role="menu" id="category_list_id"> <li><a href="#">value 1</a></li> <li><a href="#">value 2</a></li> <li><a href="#">value 3</a></li> </ul>
Set onclick event in the li and pass some value through parameter. You need to create a input box. Follow below example code:
<ul class="dropdown-menu" role="menu" id="category_list_id"> <li onclick="addText('value1')"><a href="javascript:void(0)"> value 1</a></li> <li onclick="addText('value2')"><a href="javascript:void(0)"> value 2</a></li> <li onclick="addText('value3')"><a href="javascript:void(0)"> value 3</a></li> </ul> <input type="hidden" name="hidden_id" id="hidden_id">
<script type="text/javascript"> function addText(Textval){ $('#hidden_id').val(Textval); } </script>
Question and answer is powered by AnsPress.io