How to get a value of an input element with id contains special characters?

Question

HTML code:

<input id="lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_:services:dtServicesTable:0:_id68:0:framedRouteIp" name="lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_:services:dtServicesTable:0:_id68:0:framedRouteIp" value="10.9.9.9" class="" type="text">

JavaScript code:

var grade =  $('#lfr\\_\\_WSRP\\_e044d147\\_\\_55a7\\_\\_4e6b\\_\\_9e5f\\_\\_938e05d9050c\\_\\:services:dtServicesTable\\:'+i+'\\:\\_id68\\:'+j+'\\:framedRouteIp').val();

but my JavaScript code is not giving me the value.

Please read this question http://stackoverflow.com/questions/11563638/javascript-get-input-text-value — TechieViking, Dec 10 '15 at 15:11
Don't know from where you get this ID but as ID shouldn't carry any data, that's really wrong — A. Wolff, Dec 10 '15 at 15:11
You should seriously reconsider whatever it is you're trying to accomplish with an input ID like that. — Sterling Archer, Dec 10 '15 at 15:12

Zakaria Acharki · Answer 1 · 2015-12-10T15:21:23.113

Should be like the following code since underscore _ is not a special character, you have just one special character : that you have to escape.

Hope this helps.

var i=0,j=0;
var grade = $('#lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_\\:services\\:dtServicesTable\\:'+i+'\\:_id68\\:'+j+'\\:framedRouteIp').val();

$('#result').text(grade);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_:services:dtServicesTable:0:_id68:0:framedRouteIp" name="lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_:services:dtServicesTable:0:_id68:0:framedRouteIp" value="10.9.9.9" class="" type="text">
<br>
<span id='result'></span>

Note : Check comments in question You should seriously reconsider whatever it is you're trying to accomplish with an input ID like that....

score 0 · Answer 2 · answered Dec 10 '15 at 15:57

0

You should only escape : as _ is not a special character So your javascript code will be :

var grade =  $('#lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_\\:services\\:dtServicesTable\\:0\\:_id68\\:0\\:framedRouteIp').val();

this will work

answered Dec 10 '15 at 15:57

Shashank

338
4
16

score 0 · Answer 3 · edited Jan 09 '16 at 10:43

use \\ before : only as your Id have : special character _ (underscore is not special character )

Run below code and check output in console.

<script src="//code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        var grade = $("#lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_\\:services\\:dtServicesTable\\:0\\:_id68\\:0\\:framedRouteIp").val();
        console.log(grade);
    });
</script>
<input id="lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_:services:dtServicesTable:0:_id68:0:framedRouteIp" name="lfr__WSRP_e044d147__55a7__4e6b__9e5f__938e05d9050c_:services:dtServicesTable:0:_id68:0:framedRouteIp" value="10.9.9.9" class="" type="text">

How to get a value of an input element with id contains special characters?

3 Answers3