0

ドロップダウンに表示される実際の値ではなく、選択したフィールドに別の値を表示することは可能ですか? 例: 国のリストがあります: FLAG | 国名 | 国国際コード。

リストから目的の国を選択すると、FAG のみが必要です | 表示される国の国際コード (名前なし)。

<select name="countries" id="countries">
         <option value='0033' class="fr" data-image="images/blank.gif" data-title="France"
                                            data-imagecss="flag fr">France (+33)</option>
         <option value='0032' class="be" data-image="images/blank.gif" data-title="Belgique"
                                            data-imagecss="flag be">Belgique (+32)</option>
</select>


$("#countries").msDropdown();

ユーザーが「ベルギー (+32)」などを選択すると、ドロップダウンの上部に表示される部分に「(+32)」だけを表示したいと考えています。

4

2 に答える 2

0

あなたの質問はかなり理解しにくいです。ドロップダウンにフラグ、国名、国コードを表示したいのですが、選択したフィールド名をフラグ、国コードに変更したい場合に選択しますか?

http://jsfiddle.net/Zvfa9/

HTML:

<select class="country-select">
<option value="DE" data-full-name="FLAG | Germany | DE" data-short-name="FLAG | DE">FLAG | Germany | DE</option>
<option value="UK" data-full-name="FLAG | United Kingdom | UK" data-short-name="FLAG | UK">FLAG | United Kingdom | UK</option>

JS

$('.country-select').on('change', function () {
$('.country-select option').each(function () {
    fullName = $(this).data('full-name');
    $(this).text(fullName);
});
shortName = $('.country-select option:selected').data('short-name');
$('.country-select option:selected').text(shortName);

});

于 2014-04-16T16:04:59.820 に答える