私はphone-gapプロジェクト用にカスタムドロップダウンを書きました。それは、3つのエントリ:Enterprices Routing & Switches
,Junos Security
とService Provider Routing and Switching
を持っています。 3つのエントリのいずれかを選択するたびに、選択されたエントリが2回表示されます。選択したエントリを1回だけ表示したい。私のJavaScriptコードは次のとおりです。カスタムドロップダウンが期待通りに機能しない
$(".current_track").click(function() {
if ($('.track').is(':visible')) {
$(".track").hide();
$(".trackIcon").removeClass("trackOpenIcon").addClass("trackCloseIcon");
if ($('.trackName').text() != "Select Track") {
$(".category").show();
$('.lock_hide').show();
$('#TrackBuy').show();
}
} else {
$(".category").hide();
$('.lock_hide').show();
$('#TrackBuy').hide();
$(".track").show();
$('.lock_hide').show();
$(".trackIcon").removeClass("trackCloseIcon").addClass("trackOpenIcon");
}
});
$('.trackDiv').on("click", ".track", function() {
$('.trackName').text($(this).text());
$('.trackName').attr("id", $(this).attr("id"));
$(".track").hide();
$(".trackIcon").removeClass("trackCloseIcon").addClass("trackOpenIcon");
$('.lock_hide').show();
// saving user selected/clicked trackid and track name to local stroage
localStorage.setItem("mainTrackid", $(this).attr("id"));
localStorage.setItem("mainTrackname", $(this).text());
localStorage.setItem("selectedTrackPayStatus", $(this).attr("payStatus"));
localStorage.removeItem("selectedTrackPrice");
// check first paper exist or not if exist means load exams list
checkTrackpapersExist();
});
それは二度選択したエントリを示ししかし、あなたは選択ドロップダウンに意味ですか? – ScanQR
ええ、私は選択ドロップダウンで意味する –