How to grab value of pre and put in input?

Asked Sep 14 '17 at 15:26

Active Sep 14 '17 at 15:31

Viewed 372 times

I am trying to get the value of the pre tag. I inserted the value based upon a drop down into the pre tag. How would I grab the content of the <pre> and put it into the <input>? I can grab the content, but am struggling setting it as value for the <input>. Below, I have an example of what I have done.

JQUERY

             var $temp = $('#Changeinfo').text();
             alert($temp);
             $('#Details') = $temp;

HTML

<div class="form-group">
            <label class="control-label" for="Details">Details</label>
            <div contenteditable="false" name="DetailID" id="DetailID"><pre 
  value="26" id="Changeinfo"> Do this based on selection

    </pre>
  </div>
            <input class="form-control" type="text" id="Details" name="Details" value="">
            <span class="text-danger field-validation-valid" data-valmsg-for="Details" data-valmsg-replace="true"></span>
        </div>

edited Sep 14 '17 at 15:31

Luuuud

4,206
2
25
34

asked Sep 14 '17 at 15:26

Alex Zimmerman

1

using jQuery: `$('#Details').val($temp);` Vanilla JS: `document.getElementById('Details').value = $temp;` – Luuuud Sep 14 '17 at 15:27
1

I could probably go on, but I think the point is made :) – Jamiec Sep 14 '17 at 15:30
$('#Details').val($('#Changeinfo').attr('value')); Is what I used. Thank you! – Alex Zimmerman Sep 14 '17 at 15:45

How to grab value of pre and put in input?

0 Answers0