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(マドリッド) でサポートされていますが、selectBox を設定して「マドリッド」をデフォルト値として表示するにはどうすればよいですか?

JQuery でリストを作成するにはどうすればよいですか?

デフォルトで生成されている HTML に従います (London が選択されています)。

<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 に答える