<option value="Choice 2"><a href="link">Germany</a></option>
sanırım böyle olması lazım
edit option muş emin değilim
Merhabalar hocam. Şu şekilde yapabilme şansın mevcut fakat pek önermiyorum.
<select name="forma" onchange="location = this.value;">
<option value="Falkland.php">Falkland Islands</option>
<option value="Germany.php">Germany</option>
<option value="Neverland.php">Neverland</option>
</select>
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
body {
background: #ffffff;
color: #414141;
font: 400 17px/2em 'Source Sans Pro', sans-serif;
}
.select-box {
cursor: pointer;
position : relative;
max-width: 20em;
margin: 5em auto;
width: 100%;
}
.select,
.label {
color: #414141;
display: block;
font: 400 17px/2em 'Source Sans Pro', sans-serif;
}
.select {
width: 100%;
position: absolute;
top: 0;
padding: 5px 0;
height: 40px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: none transparent;
border: 0 none;
}
.select-box1 {
background: #ececec;
}
.label {
position: relative;
padding: 5px 10px;
cursor: pointer;
}
.open .label::after {
content: "▲";
}
.label::after {
content: "▼";
font-size: 12px;
position: absolute;
right: 0;
top: 0;
padding: 5px 15px;
border-left: 5px solid #fff;
}$("select").on("click" , function() {
$(this).parent(".select-box").toggleClass("open");
});
$(document).mouseup(function (e)
{
var container = $(".select-box");
if (container.has(e.target).length === 0)
{
container.removeClass("open");
}
});
$("select").on("change" , function() {
var selection = $(this).find("option:selected").text(),
labelFor = $(this).attr("id"),
label = $("[for='" + labelFor + "']");
label.find(".label-desc").html(selection);
});js css kodlarını ekledim. Hala bir yol bulamadım