Insert Select Option Form Laravel - Vue

Question

I wanna input data to database from Select Option Form. I used Laravel and Vue. This is my Form

<div class="form-group">
   <label for="exampleFormControlSelect1">Pemilihan*</label>
   <select class="form-control" id="electionId" name="electionId" v-model="electionIdSelected">
     <option v-for="option in electionIdOptions" v-bind:value="option.value">{{option.text}}</option>
   </select>
</div>

This is my Vue:

data() {
          return{
                 electionIdSelected:'Please choose one',
                 electionIdOptions:[
                   {text: 'Presiden', value: 'ppwp'},
                   {text: 'DPRD Provinsi', value: 'pdpr'}
                 ],
           methods: {
            onSubmit() {
                axios.post('/psu/list/store', {
                   electionIdSelected: this.electionIdSelected,
                }).then(response => {
                   this.electionIdSelected = ''
             });
            }

This is my Controller in Laravel:

public function store(){
      $psu = new Psu;

      $psu->jenis_pemilihan = request('electionId');

      $psu->save();
    }

Please help me to insert form Select option into database. I still got error. This is an Error Message:

null value in column "jenis_pemilihan" violates not-null constraint

Cant get value to Controller and Model.

Good question, would be perfect if you could share exactly what the error told you. — vahdet
– vahdet, Commented Dec 24, 2018 at 8:08
Like @vahdet said, you need to elaborate on the error, or there's not much to answer. — MTran
– MTran, Commented Dec 24, 2018 at 8:15

lovis91 · Accepted Answer · 2018-12-24 09:21:03Z

0

public function store(Request $request){
  $psu = new Psu;

  $psu->jenis_pemilihan = $request->input('electionIdSelected');

  $psu->save();
}

I think electionId is empty in your controller because you never set such a key in the axios post ?

answered Dec 24, 2018 at 9:21

lovis91

2,1692 gold badges16 silver badges26 bronze badges

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

Comments

Murad Shukurlu · Accepted Answer · 2018-12-24 09:44:46Z

0

You can try to send electionIdSelected.text for that your selectbox model is electionIdSelected when u set your option.text to the model then your values look like electionIdSelected.text

Just replace this line : electionIdSelected: this.electionIdSelected to electionIdSelected: this.electionIdSelected.text

answered Dec 24, 2018 at 9:44

Murad Shukurlu

4776 silver badges15 bronze badges

Collectives™ on Stack Overflow

Insert Select Option Form Laravel - Vue

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related