如何在Livewire中获取自定义输入元素的属性值？

一、下拉框原生最优实现（推荐） #

你完全不需要用自定义属性存储数据库ID，下拉框的<option>标签本身就支持把value设为数据库ID，显示文本用用户可见内容，直接通过wire:model绑定就能拿到选中的ID，完美适配多行表格场景：

{{-- 循环渲染表格行 --}}
@foreach($items as $index => $item)
<tr>
    <td>
        <select wire:model="selectedIds.{{ $index }}">
            {{-- 遍历下拉选项，value存数据库ID，文本显示用户可见内容 --}}
            @foreach($options as $option)
                <option value="{{ $option->id }}">{{ $option->display_name }}</option>
            @endforeach
        </select>
    </td>
    {{-- 其他输入字段 --}}
    <td><input type="text" wire:model="rows.{{ $index }}.field1"></td>
    <td><input type="text" wire:model="rows.{{ $index }}.field2"></td>
</tr>
@endforeach

在Livewire组件中定义对应数组属性：

class YourComponent extends Component
{
    public $selectedIds = []; // 存储每行选中的数据库ID
    public $rows = []; // 存储其他字段值

    // 其他业务逻辑...
}

用户选择下拉框后，$selectedIds[$index]会自动对应该行选中的数据库ID，无需额外JS处理，这是最贴合Livewire设计的用法。

二、必须使用自定义属性的场景（非下拉框） #

如果你的输入控件确实需要用自定义属性（比如valueid）存储额外值，可以通过Livewire的JavaScript API触发组件方法，传递属性值：

1. 组件定义接收参数的方法 #

public function getCustomValue($rowIndex, $valueId)
{
    // 将拿到的valueId存入对应行的数组
    $this->rows[$rowIndex]['value_id'] = $valueId;
}

2. 前端绑定事件触发方法 #

@foreach($items as $index => $item)
<tr>
    <td>
        <input 
            type="text" 
            wire:model="rows.{{ $index }}.title" 
            valueid="{{ $item->id }}"
            {{-- 输入框变化时调用组件方法，传递行索引和自定义属性值 --}}
            wire:change="$wire.getCustomValue({{ $index }}, this.getAttribute('valueid'))"
        >
    </td>
</tr>
@endforeach

也可以用原生JS事件结合$wire对象：

<input 
    type="text" 
    wire:model="rows.{{ $index }}.title" 
    valueid="{{ $item->id }}"
    onchange="$wire.getCustomValue({{ $index }}, this.getAttribute('valueid'))"
>

三、多行表格初始化建议 #

如果是动态行场景，记得在组件中初始化数组结构：

public function mount()
{
    // 基于数据库数据初始化每行默认值
    foreach($this->items as $item) {
        $this->rows[] = [
            'title' => '',
            'value_id' => $item->id,
            'field1' => '',
            // 其他字段
        ];
        $this->selectedIds[] = $item->id; // 下拉框默认选中ID
    }
}

内容的提问来源于stack exchange，提问作者Dave33