Динамическая подгрузка файлов Jquery

346
23 декабря 2016, 15:21

Подскажите как вот это реализовать с помощью 

 <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>

Answer 1

Вероятно, вот так:

$('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>

READ ALSO
Почему function неправлиьно работает?
jQuery

Почему function неправлиьно работает?

 337
javascript jquery добавление смайлов в чат
jQuery

javascript jquery добавление смайлов в чат

 389
Проверка на существование файла
jQuery

Проверка на существование файла

Написал скрипт поиска картинки для нужного мне блока:

 396
Редирект js/jquery на другой сайт [требует правки]
jQuery

Редирект js/jquery на другой сайт [требует правки]

У нас есть сайт 1 в нём нужно сделать редирект на сайт 2, а с сайта 2 на сайт 3, при этом сайт 3 не должен знать о существовании 1Как делать обычный...

 316