2016-08-25 6 views
0

私には部品番号の表があります。私の目標は、ユーザーに部品番号をクリックさせ、その部品番号を別のページのフォームフィールドに入力させることです。私は、現在のページのURLにクリックされたリンクテキストを追加し、それをURLから外挿してフォームフィールドに入力することで、これを成功裏に達成しました。私の問題は、私はインラインの "onclick"スクリプトだけで成功したことです。私は数百の部品番号を持っており、各行にスクリプトを置くことは理想的ではありません。これは私が現在このタスクを達成するために務めているものです:クリックされたリンクのテキストをURLに添付してください。

インラインスクリプトなしでこれを行うにはどうすればよいですか?

私は私の家族のビジネスのために一緒にウェブサイトをcobblingしています。私は専門家ではないので、私の無知を許してください。私はどんな援助にも非常に感謝しています。

+0

行全体のコードを表示できますか? – depperm

+0

​​プレート​​887B387G1 naswgr

答えて

0

あなたはjavascriptのセクションで、各ライン上のスクリプトを使用しない場合は、次のコードを追加することができます。

$(function(){ 
    $('table a').on('click',function(){ 
     var url=$(this).attr('href')+'?'+$.trim($(this).text()); 
     $(this).attr('href',url); 
    }); 
}); 

をjqueryの$('table a')は、テーブル内のaがクリックされた場合は、URLを変更するだけに固有のものです。その後、現在のhrefからURLを作成し、必要なものを追加してhrefをリセットすることができます。ただし、ユーザーがクリックした要素の現在のhrefのみが変更され、現在はreturn falseとなり、ユーザーは次のページに進むことができなくなります。

+0

を調整私はそれが私の無知だと確信しているが、私は仕事にあなたの最初のソリューションを取得することはできません。完全に正しいと思われますが、表示する次のページ(http://xxx/xxx/Part_Inquiry.html?887B387G1)でURLを取得することができる唯一の方法は、falseを返すなど、元のインラインメソッドを使用することです。あなたの2番目の解決策は私のスキルを超えていますが、提案に感謝します。 – naswgr

+0

hrefで次のページにナビゲートしてfalseを返しますか? – depperm

+0

私のコードを使用して(1番目の例)、表のonclick部分を削除すると、要素をクリックしたときにコンソールやWebサイトは何をしますか? – depperm

関連する問題