Подскажите как вот это реализовать с помощью
<form><select><option></option></select></form>
<form>
<input id="btn1" type="button" value="File1"> <input id="btn2" type="button" value="File2"> <input id="btn3" type="button" value="File3"> <input id="btn4" type="button" value="File4">
</form>
<script>
$(document).ready(function(){
$('#btn1').click(function(){
$.ajax({
url: "File1.php",
cache: false,
success: function(html){
$("#container").html(html);
}
});
});
$('#btn2').click(function(){
$.ajax({
url: "File2.php",
cache: false,
success: function(html){
$("#container").html(html);
}
});
});
$('#btn3').click(function(){
$.ajax({
url: "File3.php",
cache: false,
success: function(html){
$("#container").html(html);
}
});
});
$('#btn4').click(function(){
$.ajax({
url: "File4.php",
cache: false,
success: function(html){
$("#container").html(html);
}
});
});
});
</script>
Вероятно, вот так:
$('select').on('change', function() {//слушаем, когда изменится значение селекта
fileGet($(this).val());//при изменении вызываем функцию, с текущим(выбранным) значением селекта
});
function fileGet(file) {//собссно тот же код, обернутый в функцию
file = file + ".php";
console.log(file);
$.ajax({
url: file,
cache: false,
success: function(html) {
$("#container").html(html);
}
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select>
<option value='File1'>File1</option>
<option value='File2'>File2</option>
<option value='File3'>File3</option>
</select>
</form>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
У нас есть сайт 1 в нём нужно сделать редирект на сайт 2, а с сайта 2 на сайт 3, при этом сайт 3 не должен знать о существовании 1Как делать обычный...