How to display the value of select option on value input text ? (vue.js 2)

Question

My code is like this :

<div id="demo">
  <div>
    <select class="form-control" v-model="selected" required>
      <option v-for="option in options" v-bind:value="option.id">{{ option.name }}</option>
    </select>
    {{selected}}
  </div>
</div>

<input type="text" :name="elementName" v-model="{{selected}}">

See full code here : https://fiddle.jshell.net/stvct9er/1/

After select on combo box, I want to display value of select option on the input text

I try like above code. But it does not work

Please, help me to solve my problem

ABDEL-RHMAN · Accepted Answer · 2017-02-10 08:49:31Z

2

You need to move the input inside the demo div because this is the mounted point ,

and with v-model just use quotes <input type="text" v-model="selected">

https://fiddle.jshell.net/stvct9er/2/

answered Feb 10, 2017 at 8:49

ABDEL-RHMAN

3,05419 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display the value of select option on value input text ? (vue.js 2)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related