我使用jQuery创建了一个下拉框。这是我的示例代码:http://jsfiddle.net/andreaszeike/gff1r5dr/3/。
它已经正常工作,但你能帮我将代码缩短吗?
它已经正常工作,但你能帮我将代码缩短吗?
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/")
});
$('select[name=model]').change(function () {
//keine Auswahl
if ($(this).val() == '') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/")
});
} else
//alfa-Romeo
if ($(this).val() == 'ar-1') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alfa-romeo/giulietta/")
});
} else
if ($(this).val() == 'ar-2') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alfa-romeo/mito/")
});
} else
if ($(this).val() == 'ar-3') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alfa-romeo/spider/")
});
} else
//Alpina
if ($(this).val() == 'alp-1') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alpina/alpina-b3/")
});
} else
if ($(this).val() == 'alp-2') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alpina/alpina-b5/")
});
} else
if ($(this).val() == 'alp-3') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alpina/alpina-b10/")
});
} else
if ($(this).val() == 'alp-4') {
$(document).ready(function () {
$('#link-button a ').attr("href", "http://test/alpina/alpina-rs/")
});
} else {}
});
我找到了一些示例(https://www.sitepoint.com/jquery-each-function-examples/),但是我没有成功地将它应用到我的示例上。