jquery：選択したリンクに依存する$ .postの値

Question

2つのハイパーリンクを持つアプリケーションのページがあります。これらのハイパーリンクの両方は、新しいアカウントの情報を追加できる同じページにユーザーをリダイレクトします。リンク＃1が選択されている場合、コントローラアクションに渡される値は1でなければなりません。他のリンクが選択されている場合、値は2です。これはどのようにjqueryを使用して行うことができますか？

ハイパーリンク：

<div style="position:absolute; width:100px; top:25%; left:50%; font-family:Arial; font-weight:bold; white-space:nowrap "> 
    <a href="~/rxcard/addaccount" style="color:#444444;">ADD CLINIC</a>  
</div> 
<div style="position:absolute; width:100px; top:33%; left:48%; font-family:Arial; font-weight:bold; white-space:nowrap"> 
    <a href="~/rxcard/addaccount" style="color:#444444;">ADD MEDICAL OFFICE</a> 
</div> 

Answer 1

に合格するのはなぜ地球上であなたは、このためのjQueryを使用する必要がありますか？単純なGETパラメータを使用します。

<a href="~/rxcard/addaccount?type=1" style="color:#444444;">ADD MEDICAL OFFICE</a> 

メモ?type=1 getパラメータに値1を渡します。

受信ページでは、次の関数を使用して、渡されたgetパラメータを確認できます。

function findGetParameter(parameterName) { 
    var result = null, 
     tmp = []; 
    location.search 
    .substr(1) 
     .split("&") 
     .forEach(function (item) { 
     tmp = item.split("="); 
     if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]); 
    }); 
    return result; 
} 

次のように使用してください：URLからtypeの値を取得するためにfindGetParameter('type')。

here

Answer 2

ことがクリック操作を検出し、HREFを変更した後は、データ-idのあなたのhtml要素のような新しい属性を定義する必要があります。

<div> 
    <a href="~/rxcard/addaccount" data-id='1'>ADD CLINIC</a>  
</div> 
<div> 
    <a href="~/rxcard/addaccount" data-id='2'>ADD MEDICAL OFFICE</a> 
</div> 

<script> 
$("a").on('click',function(){ 
    var thiz = $(this); 
    thiz.attr('href',thiz.attr('href')+?val=thiz.attr('data-id')); 
}); 
</script> 

初期化時に値がある場合は、異なるHREFにアンカーを付けることができます。このシナリオでは、JqueryやJavascriptは必要ありません。

<div> 
    <a href="~/rxcard/addaccount?val=1">ADD CLINIC</a>  
</div> 
<div> 
    <a href="~/rxcard/addaccount?val=2">ADD MEDICAL OFFICE</a> 
</div> 

Answer 3

だけで、彼らは同じURLを指し続けるリンクにGETパラメータを追加するだけでなく、パラメータ

<div style="position:absolute; width:100px; top:25%; left:50%; font-family:Arial; font-weight:bold; white-space:nowrap "> 
    <a href="~/rxcard/addaccount?param=1" style="color:#444444;">ADD CLINIC</a>  
</div> 
<div style="position:absolute; width:100px; top:33%; left:48%; font-family:Arial; font-weight:bold; white-space:nowrap"> 
    <a href="~/rxcard/addaccount?param=2" style="color:#444444;">ADD MEDICAL OFFICE</a> 
</div>