我创建了自定义搜索,仅获得两个值,例如名称和价格。
和两个按钮" 添加药品"one_answers" 添加更多药物"。
例如:
<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>
当我单击"添加药品" 时,它显示了弹出窗口以提交客户详细信息,并使用单击的信息(如name&amp;价格。最后,它提交完美。
现在,如果我单击"添加更多药":客户必须是对搜索输入框的重点,并且必须保存点击元素的值,以保存到客户进入弹出窗口时。此点击的信息应以表格显示。
弹出式形式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();
});
});
到目前为止看起来不错,但是您应该切换属性名称。您使用的名称无效。请参阅https://www.w3schools.com/tags/att_global_data.asp
更改:打电话给数据电话mname to data-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');