我有一个带波纹管和文本框的幼虫刀片
<td class="border px-4 py-2" x-data="{dropdown: false,nSValue:{{ $item->price}}, idValue: {{$item->id}}}" @click.away="dropdown = false">
<input x-model="nSValue" type="number" placeholder="0">
</td>
就像你在td里看到的，我在x-data里有3个值
1. dropdown=false
2. nSValue which is price
3. idValue which is value
现在我也在展示这一点
nSValue
在文本框中
如何获取下拉列表的值
有几种方法可以做到这一点。如果在Alpine中未使用这些值，为什么需要在x数据中使用这些值？
如果这是一个传统的表单提交，你可以只做：
<input type="hidden" name="price" value="{{ $item->price }}" />
如果你真的想充分利用阿尔卑斯山，你可以做这样的事情
<td class="border px-4 py-2" x-data="{
dropdown: false,
nSValue:{{ $item->price}},
idValue: {{$item->id}},
submit() {
fetch('endpoint', {
method: 'POST'
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(this.data),
}
}
}" @click.away="dropdown = false">
<input x-model="nSValue" x-on:change="submit" type="number" placeholder="0">
</td>
