Question

我有一个bootstrap select下拉列表。

我想在加载页面时更改选择。我怎么能写jquery呢？

我尝试使用$('.dnsType').toggle('Hostname')但是没有用:(

这是我的代码：

<div class="row form-group">
    <div class="btn-group dnsType <%= getColumnSize(editMode) %>">
        <button class="btn btn-xs white dropdown-toggle" id="dnsType" type="button" data-toggle="dropdown" aria-expanded="true">
            <span data-value="IP Address">IP Address</span><b class="caret"></b>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dnsType">
            <li><a value="IP Address">IP Address</a></li>
            <li><a value="Hostname">Hostname</a></li>
        </ul>
    </div>
    <div class="<%= getColumnSize(editMode) %>">
        <div class="form-horizontal">
            <input type="text" name="ipAddress" class="ipAddress" data-name="IP Address" class="form-control" value="<%= controller.ipAddress %>">
            <span class="validationErrorMessage"></span>
        </div>
    </div>
</div>

Answer 1

Bootstrap下拉列表与<select>元素不同。他们没有选择＆＃34;。它只是一个下拉列表，显示单击按钮时的链接列表。我猜你只想在页面加载时更改该按钮的文本。以下是如何做到这一点：

$("#dnsType span").text("Hostname").attr('data-value','Hostname');

这会将文本设置为＆＃34;主机名＆＃34;并将data-value属性更改为＆＃34;主机名＆＃34;

使用jquery更改Bootstrap下拉选择

1 个答案: