मैं कुछ पाठ को लोअरकेस में कैसे बदल सकता हूं और jQuery का उपयोग करके हाइफ़न के साथ रिक्त स्थान बदल सकता हूं?

Question

मेरे पास एक छिपी हुई इनपुट फ़ील्ड है जो कि कुंजीपटल पर दूसरे का मूल्य ले लेगा और मैं यह पता लगाने की कोशिश कर रहा हूं कि छिपे हुए क्षेत्र में मूल्य को लोअरकेस में बदलने और हाइफ़न के साथ रिक्त स्थान को प्रतिस्थापित करने का तरीका कैसे बदलता है।

तो, अगर कोई शीर्षक इनपुट फ़ील्ड में "यह एक नमूना" टाइप करता है, तो पहचानकर्ता इनपुट फ़ील्ड "यह-एक-नमूना" पर सेट हो जाएगा।

<input type="text" name="title" value="This Is A Sample" /> 
<input type="hidden" name="identifier" value="this-is-a-sample /> 

Answer 1

इस उदाहरण पर एक नज़र इस के साथ सभी रिक्त स्थान को बदल देगा -

<script type="text/javascript"> 
$(document).ready(function(){ 
var test= $('input[name="title"]').val(); 
test = test.toLowerCase().replace(/ /g, '-'); 
$('input[name="identifier"]').val(test); 
}): 
</script> 

Answer 2

अपने टेक्स्ट को लोअरकेस पर स्विच करने के लिए, जावास्क्रिप्ट toLowerCase() method का उपयोग करें।

<script type="text/javascript"> 

var str="Hello World!"; 
document.write(str.toLowerCase()); 

</script> 

कैसे जावास्क्रिप्ट का उपयोग डैश से सभी रिक्त स्थान को बदलने के लिए पर this Stackoverflow question देखें।

Answer 3

आप इस तरह यह कर सकते हैं:

<script type="text/javascript"> 
var el = document.getElementById('identifier'); 
var text = el.value; 
el.value = text.toLowerCase().replace(' ', '-'); 
</script> 

या यदि आप JQuery का उपयोग कर रहे हैं:

var lowercase = 'This Is A Sample'.toLowerCase(); 

खाली स्पेस के स्थान पर:

<script type="text/javascript"> 
$('identifier').value = $('identifier').value.toLowerCase().replace(' ', '-'); 
</script> 

Answer 4

लोअरकेस में बदलने के लिए

var Replace= 'This Is A Sample'.replace(/ /g,"-"); 

@JSbin

Answer 5

var lower = $('input#textFieldId').val().toLowerCase(); // to lower case 
var hyp = lower.replace(/ /g,"-");      // spaces to hyphens 
$('input#hiddenFieldId').val(hyp);      // in hidden field 

Check