[JavaScript] wstawienie w input, wywołanie zdarzenia Opcje

[tenloginjestzaje...]

Witam
Stosuje do wyszukiwania taki kod, jednak chciałbym zrobić dodatkowo przycisk z tekstem, który wstawia w pole input tekst i wykonuje zdarzenie - zrobiłem tylko wstawienie wartości w polu input, ale nie wiem jak wykonać wyszukiwanie czyli uruchomić kod jquery.

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){
	$("#search-box").keyup(function(){
		$.ajax({
		type: "POST",
		url: "../../post.php",
		data:'keyword='+$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(../../LoaderIcon.gif) no-repeat 2px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
 
<script type="text/javascript">
function put(el){
tekst = el.name;
document.getElementById('search-box').value += tekst;
}
</script>
[PHP] pobierz, plaintext 

dzięki

[trueblue]

http://api.jquery.com/trigger/

[tenloginjestzaje...]

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){
	$("#button").trigger(function(){
		$.ajax({
		type: "POST",
		url: "../../post.php",
		data:'keyword='+$(this).val(),  // jak tutaj wprowadzić wartość z przycisku zamiast keyworda? Mam kilka przycisków.
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(../../LoaderIcon.gif) no-repeat 2px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
[PHP] pobierz, plaintext 

Ten post edytował tenloginjestzajety 17.07.2017, 19:41:32

[trueblue]

A gdzie jest teraz obsługa #search-box?

[tenloginjestzaje...]

Nie mogę zaskoczyć jak działa trigger.. Łączy z bazą, ale nie ma zapytania.

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){
	$("#button").click(function(){
		$.ajax({
		type: "POST",
		url: "../../post.php",
		data:$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(../../LoaderIcon.gif) no-repeat 2px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
[PHP] pobierz, plaintext 

Ten post edytował tenloginjestzajety 17.07.2017, 20:03:39

[trueblue]

Pierwszy przykład w dokumentacji pokazuje jak działa trigger.

[tenloginjestzaje...]

działa, dzięki.

Ps. pytanie tylko od strony technicznej, bo mam kilka przycisków - utworzyłem wspólna klasę dla wszystkich przycisków, a tekst pobiera z value. Czy to dobre rozwiązanie? Nie wiem jak połączyć, aby było również wyszukiwanie po wpisaniu znaków, a nie chcę dwóch kodów.

$("#search-box").keyup(function()

[PHP] pobierz, plaintext 
$(".button").on( "click", function() {
	$("#search-box" ).val( $( this ).val() );
[PHP] pobierz, plaintext 

Ten post edytował tenloginjestzajety 17.07.2017, 20:38:27

[trueblue]

Dobre rozwiązanie.

Aby było wyszukiwanie po wpisaniu znaków do jakiego elementu?

[tenloginjestzaje...]

No właśnie nie mogę sobie poradzić z połączeniem dwóch funkcji "click" oraz "keyup".

Tak wszystko działa, tylko pod względem optymalizacji, klapa.

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){
$("#search-box").keyup(function() {
		$.ajax({
		type: "POST",
		url: "../../post.php",
		data:'keyword='+$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(../../LoaderIcon.gif) no-repeat 2px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});});
$(".button").on( "click", function() {
		$.ajax({
		type: "POST",
		url: "../../post.php",
		data:'keyword='+$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(../../LoaderIcon.gif) no-repeat 2px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
[PHP] pobierz, plaintext 

[trueblue]

W ogóle nie używasz trigger.

[tenloginjestzaje...]

trigger( "click" ); - próbuje wstawić w keyup, ale bezskutecznie..

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){
 
$(".button").on( "click", function() {
$("#search-box" ).val( $( this ).val() );
	});
 
$("#search-box").keyup(function() {
$.ajax({
type: "POST",
url: "../../post.php",
data:'keyword='+$(this).val(),
beforeSend: function(){
$("#search-box").css("background","#FFF url(../../LoaderIcon.gif) no-repeat 2px");
},
success: function(data){
$("#suggesstion-box").show();
$("#suggesstion-box").html(data);
$("#search-box").css("background","#FFF");
}})});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
[PHP] pobierz, plaintext 

[trueblue]

Chcesz wywołać szukanie na inpucie po wstawieniu tekstu, a nie wpisaniu, tak? Tak.
Jakie zdarzenie jest wywoływane przy wpisywaniu tekstu?
Jaki więc trigger należy wywołać?