Question

我使用claviska jquery选择框 https://github.com/claviska/jquery-selectBox

以下是代码

<div class="section">
    <label>Location</label>
    <div>
        <select class="small selectBox" id="GeoLocation"style="display: none; padding: 6px;">
            <option value="1">London</option>
            <option value="2">Madrid</option>
            <option value="3">Paris</option>
            <option value="4">New York</option>
        </select>
    </div>
</div>

列表静态时我没有问题，它会正确显示列表框。我的问题是，如何使用我从服务器端获取的信息在选择框中设置默认值。

默认情况下，我将“伦敦”作为默认值。

我在JS中得到了支持 var id=2（马德里），如何设置selectBox以显示'Madrid'作为默认值？

如何在JQuery中构建列表？

正在生成的HTML是默认的（选择伦敦）

<div>
    <select class="small selectBox" id="GeoLocation" style="display: none; padding: 6px;">
        <option value="1">London</option>
        <option value="2">Madrid</option>
        <option value="3">Paris</option>
        <option value="4">New York</option>
    </select>
    <a class="selectBox small selectBox-dropdown" style="width: 62px; display: inline-block;" title="" tabindex="0">
        <span class="selectBox-label" style="width: 35px;">London</span>
        <span class="selectBox-arrow"></span></a>
</div>

Answer 1

你可以试试这种方式

var id=2;
// Select the option with the corresponding value..
// capture the text or html inside it

var city = $('#GeoLocation option[value="'+ id+ '"]').text();

// Set the text to the text in select    
$('.selectBox-label').text(city);

<强> Fiddle

claviska / jquery-selectBox如何显示默认值？

1 个答案: