PDA

View Full Version : چگونگی گرفتن مقدار input و نمایش آنی در href با استفاده از جاوااسکریپت



hossein_nasiry9
چهارشنبه 23 اردیبهشت 1394, 09:31 صبح
با سلام به دوستان من کدی عین این می خواهم به صورتی که ورودی را بگیره و در کنار لینک قراربده و خود لینکو باز کنه مثال :1350 را بگیره و یک لینک به صورت http://example.com/1350 را باز کنه من این کد که تو این بود را امتحان کردم نشد
ا

کد زیر رو دارم که مقدار input را می گیرد و به صورت پیام نمایش می دهد.من می خوام به صورت لینک ویزیت باشه

کد HTML:

<input type="text" name="mytext" id="myinput" value="SampleValue"/>
<a href="http://example.com/" target="_blank">Visit Now</a>

<script type="text/javascript">
inputvalue = document.getElementById('myinput').value;
window.alert(inputvalue);
</script>

چجوری می تونم همین همین مقدار input رو بگیرم و به صورت آنی (داره مقدار input توسط کاربر وارد می شه) اونو کنار href نمایش دهم.

مثلا :
کد HTML:

<a href="http://example.com + inputvalue">Link</a>

tadayoni
جمعه 25 اردیبهشت 1394, 12:06 عصر
شما میتونید از این کد در هنگام change استفاده کنید
document.location = "page.html?c=" + c;

SCoder
پنج شنبه 18 تیر 1394, 00:24 صبح
از این کد استفاده کن ...

<html><head></head><body>
<input type="text" name="mytext" id="myinput" value="SampleValue"/><a id='myLink' href="http://example.com/" target="_blank">Visit Now</a>
<script type="text/javascript">var myInp=document.getElementById('myinput');var a=document.getElementById('myLink');window.alert(m yInp.value);document.onkeyup=function(){ var href="http://example.com/"+myInp.value; a.setAttribute('href',href); }</script></body></html>