标签: drop-down-menu

我不能让bootstrap下拉列表工作.这是我的导航html:

<ul class='nav'>
  <li class='active'>Home</li>
  <li class='dropdown'>
    <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">asds</a></li>
      <li class="divider"></li>
    </ul>
  </li>
  <li>Payday loans</li>
  <li>About</li>
  <li>Contact</li>
</ul>

以下是脚本:

<script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>

我究竟做错了什么？谢谢你的回答!

我们设置了twitter bootstrap下拉列表来处理悬停(而不是点击[是的,我们知道没有悬停在触摸设备上]).但是我们希望能够在点击它时使主链接工作.

默认情况下,twitter bootstrap会阻止它,那么我们如何重新启用呢？

我想以selecteditem编程方式设置ASP.Net下拉列表控件的属性.

所以我想将一个值传递给dropdownlist控件来设置所选项目,其中项目等于传递的值.

任何人都可以推荐一个可以渲染选项组的asp.net(3.5)的下拉列表控件吗？谢谢

我想更改下拉列表箭头的默认外观,以便在浏览器中看起来相同.有没有办法使用CSS或其他方式覆盖下拉箭头的默认外观？

我是jQuery的新手,我想使用复选框启用和禁用下拉列表.这是我的HTML:

<select id="dropdown" style="width:200px">
    <option value="feedback" name="aft_qst">After Quest</option>
    <option value="feedback" name="aft_exm">After Exam</option>
</select>
<input type="checkbox" id="chkdwn2" value="feedback" />

我需要做什么jQuery代码？还搜索一个很好的jQuery文档/学习资料.

继续以编程方式创建下拉列表的这个问题,我希望我的列表也有几个optgroup列表.这目前可能吗？

我知道我需要将selectList传递给dropDownList,但不知道如何将文本,值,optgroup添加到selectList.

我希望最终结果产生:

<option value="">Please select</option>
  <optgroup label="Option A">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </optgroup>
  <optgroup label="Option B">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
  </optgroup>
</option>

我一直在努力寻找例子,但根本找不到任何东西.我唯一知道的是我可以使用http模块来获取我的数据.这是我目前正在做的事情,但它是用Knockout编码的.有人可以给我一些关于如何使用AngularJS重新编码此功能的建议吗？

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 },
            type: 'GET',
            success: function (data) {
                townViewModel.testAccounts(data);
            }
        });
    });
</script>

在我看来,我有一个enumdropdownlist(Asp.Net MVC 5.1中的一个新功能).

@Html.EnumDropDownListFor(m => m.SelectedLicense,new { @class="form-control"})

如果我执行上面的代码,我会得到以下枚举的下拉列表.

public enum LicenseTypes
{
    Trial = 0,
    Paid = 1
}

但默认情况下,我希望我的下拉列表有一个值(自定义文本),这就是我尝试过的

@Html.EnumDropDownListFor(m => m.SelectedLicense,"Select a license" ,new { @class="form-control"})

但现在问题是当我运行它时,我的下拉列表看起来像这样 因此,默认情况下不显示我想显示的默认文本.如果用户选择"选择许可证"并尝试提交表单,则会显示错误"选择许可证",但不会显示为默认文本.我需要改变什么？

Ps:图像是加载时页面的屏幕截图.默认情况下,它会将"试用"显示为选定选项.

我有一个DropDownList带有a 的绑定SqlDataSource来显示数据库中的值.

我无法使用a验证RequiredFieldValidator.