[英]How can I link input textbox and dropdown in html
我想使用 bootstarp select 和一个输入文本框。 当我在文本框中输入时，它应该建议引导选择元素的条目。 我想使用 javascript、jQuery 和 json。 我该怎么做？
我建议您为此使用一些插件。 看看https://select2.github.io/examples.html
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script language="javascript"> $(document).ready(function() { //Write your jquery code here }); </script> </head> <body> <div class="container"> <h2>Form control: input</h2> <p>The form below contains two input elements; one of type text and one of type password:</p> <form role="form"> <div class="form-group"> <label for="usr">Name:</label> <input type="text" class="form-control" id="usr"> </div> <div class="form-group"> <label for="pwd">Password:</label> <input type="password" class="form-control" id="pwd"> </div> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Tutorials <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a> </li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a> </li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a> </li> <li role="presentation" class="divider"></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a> </li> </ul> </div> </form> </div> </body> </html>
如何使用下拉菜单直接指向URL，使用JavaScript / HTML指向文本框
[英]How can I direct URL with dropdown & textbox with JavaScript / HTML
HTML - 如何在HTML页面上创建增量/减量文本框？
[英]HTML - How can I create an increment/decrement textbox on an HTML page?
如何使用jQuery文本框中提供的输入选择价格范围？
[英]How can I select Price range with Input provided in textbox in jquery?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.