Input value in the textarea is getting disappear. How to store the input value ?

Question

0.00/5 (No votes)

See more:

methods: {
updatePreContent () {
let name_str = 'Eng name: ' + this.engineer_name
let start_str = 'Booking Start Time: ' + this.start_date + ' ' + this.start_hours + ':' + this.start_minutes
let end_str = 'Booking End Time: ' + this.end_date + ' ' + this.end_hours + ':' + this.end_minutes

this.notes_description = name_str + "\n" + start_str + "\n" + end_str + "\n"

I have a form with starting date ,ending date and textarea. I can select the starting date and I made it autopopulate in the textarea. When I type new input in the textarea and change the starting date, the value which I typed in the textarea is getting disappear . how to set that input in the textarea even if i change the date??

What I have tried:

PHP

<div class="form-group">
           <label class="col-md-3 control-label">{{trans('wo.notes_description') }}:
     </label>
    <div class="col-md-9">
       <textarea  v-model="notes_description" class="form-control" id="startDate">  
      </textarea>
        {{-- Form::textarea('resolution_notes_diagnostics', ($item->resolution_repair)?$item->resolution_repair->resolution_notes:null, ['id' =>'resolution_notes_diagnostics', 'class' => 'form-control','rows' => '3']) --}}
                                 </div>
                        </div>

Posted 6-May-21 5:32am

Jayasri Selvarajah

Updated 6-May-21 6:14am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2021-05-06T06:14:00

When you change the input date it updates the text area. It does this by replacing whatever is in the text area with your update - so it disappears.

What you need to do is update the text are with a combination of what was in it and your new value from the date update. This means changing your date-insertion script.

something like:

JavaScript

textObj =document.getElementbyId('startDate');

textObj.value = textObj.value + ' ' + the_new_start_date;