1

のスタイルを変更しようとしましたselect optionが、オプションの値がjQueryによって作成された新しいクラスに渡されません。したがって、私は正しい結果を得ることができません。正しい結果は、米国をクリックするとオースティンが表示され、ドイツをクリックするとベルリンが表示されます。

これがコードです、 http：//jsfiddle.net/xvDbv/1/

次のようなものに変更する必要があります

   text: $this.children('option','value').eq(i).text()?

VALUE誰かがパスの問題を手伝ってもらえますか？

事前に感謝します

4

2 に答える 2

2

これは、countrySelectChanged疑似選択を作成するときに関数を呼び出さないためです。関数に呼び出しを追加します。

$listItems.click(function(e) {
    e.stopPropagation();
    $styledSelect.text($(this).text()).removeClass('active');
    $this.val($(this).attr('rel'));
    $list.hide(); /* alert($this.val()); Uncomment this for demonstration! */
    countrySelectChanged();
});

jsFiddleの例

于 2012-09-26T02:34:59.170 に答える
1

onリスナーをに追加しましたli。

    $('<li />', {
        text: $this.children('option').eq(i).text(),
        rel: $this.children('option').eq(i).val()
    }).on("click", function(){
        $(".hide").hide();
        $("#" + $(this).text().toLowerCase() + "-select").show();
    }).appendTo($list);

jsFiddle

于 2012-09-26T02:46:19.760 に答える