2017-11-27 2 views
0

私はカスタム検索を作成し、名前と価格のような2つの値しか得ていません。jQueryを使用して属性値を保存し、PHPフォームで使用する方法は?

また、「Add Medicine」と「Add More Medicine」という2つのボタンがあります。例えば

:私はそれが名前&価格などのクリックされた情報を顧客の詳細を提出するポップアップが表示され「薬を追加」をクリック

<li> 
    <span id="pharmacy-name-1" class="pharmacy-name" data-phone="12154">DIAGNOSTIC PH TEST STRIPS</span> 
    <span id="phamacy-price">$14.99</span> 
    <span id="phamacy-btn" class="phamacy-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add Medicne</span> 
    <span id="phamacy-more-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add More Medicine</span> 
</li> 

。最後に、それは完璧を提出しています。

「Add More Medicine」をクリックした場合: お客様は検索入力ボックスに焦点を当て、クリックした要素の値を顧客がポップアップに移動する際に保存する必要があります。このクリックされた情報はフォームに表示されます。

ポップアップフォームjqueryの

$(document).ready(function() { 
// open popup when click on Add Medicine button 
     $(".pharmacy-list li span#phamacy-btn").click(function(){ 
      var textvalue = $(this).attr('data-mname'); 
      var textclass = $(this).attr('data-phone'); 
      $('#c77').val(textclass); 
      $('#c82').val(textvalue); 
      $("#transferdetailform").fadeIn(); 
     }); 
     $("#cancelpopup").click(function(){ 
      $("#transferdetailform").fadeOut(); 
     }); 
    }); 

答えて

0

は、これまでのところ良い見えますが、あなたの属性名を切り替える必要があります。 使用している名前が無効です。 データ-電話に電話 MNAMEデータMNAMEへ

<span id="phamacy-btn" class="phamacy-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add Medicne</span> 
<span id="phamacy-more-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add More Medicine</span> 

とあなたのjqueryのスクリプトでこの部分を切り替える::

var textvalue = $(this).attr('data-mname'); 
var textclass = $(this).attr('data-phone'); 
https://www.w3schools.com/tags/att_global_data.asp

の変更を参照してください。

関連する問題