2017-06-05 10 views
0

空でない場合は入力(テキスト)の値を取得し、href値に追加するリンクがあります。それを達成する方法はありますか?私のコードをheres。前もって感謝します。入力タイプのテキスト値をhref laravelに追加する方法は?

<a id= "lnk_audio_devices" href="{{route('search.products', ['category' => 'audio_devices', 
      @if(txt_product.value != '') 
      'products' => txt_product.value 
      @endif 
      ])}}" >Audio Devices</a> 

答えて

0

まず第一に、あなたは、フォームでの回避策をしようとする場合があり、それは、これらのようなものがこのfoobar.com/foo/bar?yourinput=whatyoutypedのようなURLにつながる行われ、通常の方法です。ボタンはリンクではなくフォームを送信します。

ラーベルのルーティングを同じにしたい場合は、ボタンがクリックされると、リンクにテキスト値を追加するためにjavascriptが必要になります。

function navigate(link, inputid){ 
 
    var url = link.href + "/" + document.getElementById(inputid).value; 
 
    //window.location.href = url; //navigates to the given url, disabled for demo 
 
    alert(url); 
 
}
<a href="" onClick="navigate(this,'myText')">click me</a> 
 
<input type="text" id="myText">

+0

あなたの答えをいただき、ありがとうございます。たぶん私は私のhref thatsで 'ルート'を使用したいので、私はそれを正しく得ることはできません。私はあなたのコードを試してみますが、問題はそれが常に希望のURLにない同じリンクにmoをリダイレクトすることです。私はその理由がhref = ""だと思う。そして2番目は、URLにパラメータがある場合、常にそれを取得することです。あなたのコードを変更しようとします。 – user3418036

+0

ここに私の新しいコード..関数navigate(カテゴリ){ var text_search = document.getElementById( 'search')。value.trim(); text_search =(text_search == ')? '': '&product =' + text_search; category = '?category =' + category; var url = window.location.origin + '/' + category + text_search; window.location.href = url; } – user3418036

関連する問題