open textfield after click on span does not work

Question

I am not able to create an edit in place feature with JavaScript/ jQuery. I could not use the plugin editinplace, because I need to put a datepicker on it. My code below does not work for some strange reason:

function editImpfDatumImpfung1Clicked(sender)
{
    var sText = $(this).text();
    var sId = $(this).attr("id");
    $(this).attr("id", "tobechanged");
    $(this).after('<input type="text" id="' + sId + '" value="' + sText + '" />');
    $(this).remove();
    bImpfung1Clicked = true;
    $("#" + sId).focus();
    $("#" + sId).datepicker(datepickerOptions);

    if (bFirstRegisterImpfung1 === true)
    {
        firstRegisterImpfung1();
        bFirstRegisterImpfung1 = false;
    }
}

$(document).ready(function()
{
    $elem = $("span[id^='impfung_1['");

    if ($elem.length > 0)
    {
        bFirstRegisterImpfung1 = true;
        $elem.click(editImpfDatumImpfung1Clicked);
    }
});

Edit:

No Errors in console.

console.log($("#" + sId).val()); causes undefined

Edit 2: Just needed to escape the id like this:

sId = sId.replace(/[[]/g,'\\[');
sId = "#" + sId.replace(/]/g,'\\]');

Thanks for your advice.

provide error will help to solve your problem. – Pushker Yadav Mar 09 '15 at 07:26 — Pushker Yadav, Mar 09 '15 at 07:26
Can you provide a [jsFiddle](http://jsfiddle.net/) ? – Brewal Mar 09 '15 at 11:34 — Brewal, Mar 09 '15 at 11:34
What's the relevant/representative HTML? – David Thomas Mar 09 '15 at 11:37 — David Thomas, Mar 09 '15 at 11:37

score 1 · Answer 1 · answered Mar 09 '15 at 11:35

1

I imagine you have a typo in the following line:

$elem = $("span[id^='impfung_1['");

try this instead:

$elem = $("span[id^='impfung_1']");

answered Mar 09 '15 at 11:35

Grzegorz Pawlik

2,198
1
18
18

1

And the single quote? – Sverri M. Olsen Mar 09 '15 at 11:36

open textfield after click on span does not work

1 Answers1