How do I pass data-id in modal with href

See more:

Javascript

CSS

HTML

PHP

bootstrap

I want to use below url with but not working

<a href='https://sms.com//submitsms.jsp?user=ABCDE&key=xxxxxxxx&mobile=<span id='provider_mobile'></span>&message=Hi!, <span id='lead_name'>, Looking for <span id='lead_category'></span> at <span id='lead_location'></span>, Contact Him/Her <span id='lead_mobile'></span>(Message: <span id='lead_data'></span>)&senderid=XXXXXX&accusage=1'>send sms</a>

its printing completely good without href like below

https://sms.com//submitsms.jsp?user=ABCDE&key=xxxxxxxx&mobile=<span id="provider_mobile"></span>&message=Hi!, <span id="lead_name">, Looking for <span id="lead_category"></span> at <span id="lead_location"></span>, Contact Him/Her <span id="lead_mobile"></span>(Message: <span id="lead_data"></span>)&senderid=XXXXXX&accusage=1

please help me

What I have tried:

<pre lang="HTML">https://sms.com//submitsms.jsp?user=ABCDE&key=xxxxxxxx&mobile=<span id="provider_mobile"></span>&message=Hi!, <span id="lead_name">, Looking for <span id="lead_category"></span> at <span id="lead_location"></span>, Contact Him/Her <span id="lead_mobile"></span>(Message: <span id="lead_data"></span>)&senderid=XXXXXX&accusage=1