0

我使用 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（马德里）中的支持，我如何设置选择框以显示“马德里”作为默认值？

如何在 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>
4

1 回答 1

0

你可以试试这个方法

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);

小提琴

于 2012-11-15T07:39:41.020 回答