I'm using alpine JS. In alpine for change actions, we can use x-modal which will bind the selected value. But when I am using select with x-modal the value is not updated to the variable. Though I am copying the code from the doc and pasting it into my project.

 <select name="limitOptions"  x-model="limitValue" data-action="change->table#onLimitChange" >
              <template x-for="(limit, index) in field.limit" :key="index" x-modal="limitValue"> 
//field.limit contains [
    {
        "text": "includes",
        "value": "includes",
        "id": 0
    },
    {
        "text": "excludes",
        "value": "excludes",
        "id": 1
    }
]
//closing the comment
                <option :value="limit.value"  x-text="limit.text"></option>
              </template>
            </select>
            <span x-effect="limitValue"></span>//throws error as limit value is undefined