Vue-select: send value to hidden inputbox

[pcm0nk]

Hi, im trying to send a selected option into an hidden input box but i get [object object] in return
i tried this solution : https://github.com/sagalbot/vue-select/issues/495 but it did not work

  <v-select v-tooltip.right="msg"  taggable max-height="100px" ref="jobbox" push-tags v-model="selected" dir="rtl" label="alljobstitle" name="selected"  :options="alljobsnew" >
</v-select> 
  <input type="hidden" name="selectedItem" :value="selected">

Laravel output

array:3 [▼
  "_token" => "FJ1m43y3Mm5CgwL2Q8meX1HTycMxTKCc9gl"
  "selectedItem" => "[object Object]"
  "ment" => "0"
]

i did try v-model still the same output, im stuck and out of time
thanks for any help!

[sagalbot]

Hmm.. I'm taking a short in the dark here but maybe try converting the object into a string?

<v-select v-model="selected" />
<input type="hidden" :value="JSON.stringify(selected)" />

[pcm0nk]

Thanks dude u are a awsome

[sagalbot]

Glad it worked!

[prasetyo-jeanu]

not worked selected still same

[sagalbot]

@prasetyo-jeanu please stop commenting on multiple issues.