Tag: 下拉菜单

如何使用jQuery / AJAX和PHP / MySQL根据第一个下拉列表select第二个下拉列表？: 我正在尝试使用jQuery / AJAX和PHP / MySQL创build一组dynamic的下拉框。当页面基于来自数据库的值加载时，第一个下拉框将被填充。第二个下拉框应显示一组基于从第一个下拉框中select的值。我知道在这里曾经有类似的问题，但是我还没有find符合我的情况的解决scheme。我的查询生成第二个下拉列表的JSON编码值列表正在运行，但我有问题填充到实际的下拉表单元素。任何想法，我要去哪里错了。使用Javascript： <script> $().ready(function() { $("#item_1").change(function () { var group_id = $(this).val(); $.ajax({ type: "POST", url: "../../db/groups.php?item_1_id=" + group_id, dataType: "json", success: function(data){ //Clear options corresponding to earlier option of first dropdown $('select#item_2').empty(); $('select#item_2').append('<option value="0">Select Option</option>'); //Populate options of the second dropdown $.each( data.subjects, function(){ $('select#item_2').append('<option […]

如何限制HTML <select>下拉菜单中的可见选项？: 如何限制在HTML <select>下拉菜单中显示的选项数量？例如： <select> <option value="1">1</option> <option value="2">2</option> … <option value="20">20</option> </select> 如何让浏览器只显示前五个选项并向下滚动？

使用Javascriptsorting下拉列表: 我想sorting下拉项目使用JavaScript，谁能告诉我如何做到这一点。

根据以前的下拉选项显示第二个下拉菜单: 首先，我讨厌提出一个已经处理的问题，但你应该知道我在这个网站上find的其他选项并不适合我。基本上，我想要构造一个简短的表单，其中有两个下拉框。第一个总是显示，第二个是默认隐藏的。当第一个下拉框中的某个选项被选中时，我想要显示第二个下拉框。这是我的意思的一个完美的例子： http://jsfiddle.net/whkQw/20/ 然而，与上面的例子不同，我有一个单独的选项集，显示在第一个下拉框中select的每个选项的下拉框中，而不仅仅是其中的一个选项。换句话说，在上面的例子中，如果你select“中国”，第二个下拉框会出现，但如果你select了其他东西，它将保持隐藏状态。这不是我想要的。如果您select了“台湾”，我想要显示一个不同的下拉菜单，如果您为每个选项select了“德国”等，还要显示不同的下拉菜单。我试图简单地在每个选项中重复该示例中的JavaScript，相应地更改名称标签，但这并不起作用（当谈到Javascript时，我是一个新手）。所以我碰到这个例子，这正是我正在寻找的东西： http://jsfiddle.net/e9XvP/ 但由于某种原因，这段代码似乎不适合我。它根本没有任何作用; 不pipeselect什么，第二个下拉列表都保持隐藏状态。我的下拉列表比上面例子中的更多，更冗长。这里是我现在的HTML：下拉菜单1 <div class="ccms_form_element cfdiv_custom" id="style_container_div"> <label>Choose Rank: </label><select size="1" id="Rank" class=" validate['required']" title="" type="select" name="Rank"> <option value="">-Select Your Rank-</option> <option value="Airman">Airman</option> <option value="Airman First Class">Airman First Class</option> <option value="Senior Airman">Senior Airman</option> <option value="Staff Sergeant">Staff Sergeant</option> <option value="Senior […]

如何隐藏IE8和IE9中的下拉箭头？: 我使用下面的CSS来隐藏FF，safari，chrome中的下拉箭头，并添加了我自己的图像进行自定义。 select { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; } 对于IE10，我使用了伪元素 select::-ms-expand{ display:none; } 我不知道如何应用相同的IE9和IE8。任何人都可以告诉我如何隐藏下拉箭头在IE8和IE9。

使用jQuery来select一个下拉选项: 我想知道是否有可能得到jQueryselect一个选项，说第四项，在下拉框？ <select> <option></option> <option></option> <option></option> <option></option> <option></option> </select> 我希望用户点击一个链接，然后让select框更改它的值，就好像用户通过点击选项来select它。

jquery下拉菜单通过点击外部closures: 我正在开发一个简单的下拉菜单与jQuery。当用户按下触发区域时，将切换下拉区域。我的问题是如何在下拉菜单外单击事件，以便closures下拉菜单？

向自举下拉列表中添加幻灯片效果: 我正在使用引导，我想添加animation到下拉菜单。我想给它添加一个animation，当它离开时，向下滑动并备份。我怎么能这样做？我试过的东西：像这样改变Js下拉文件：我怎样才能使Bootstrap的导航下拉幻灯片顺利上下？任何帮助将是好的！谢谢！。

如何从AngularJS的JSON feed中填充select下拉列表？: 我一直在努力寻找榜样，但根本找不到任何东西。我唯一知道的是我可以使用http模块来获取我的数据。这是我目前正在做的，但它是用Knockout编码的。有人可以给我一些build议，我怎么可以使用AngularJS重新编码这个function？ HTML <select id="testAccounts" data-bind="options: testAccounts, optionsValue: 'Id', optionsText: 'Name', optionsCaption: 'Select Account', value: selectedTestAccount"> </select> 使用Javascript <script type='text/javascript'> $(document).ready(function () { var townSelect = function () { var self = this; self.selectedTestAccount = ko.observable(); self.testAccounts = ko.observableArray(); var townViewModel = new townSelect(); ko.applyBindings(townViewModel); $.ajax({ url: '/Admin/GetTestAccounts', data: { applicationId: 3 }, […]