【问题标题】:How to retrieve looped value attributes from <option> tag and pass to the onchange attribute in <select> tag如何从 <option> 标记中检索循环值属性并传递给 <select> 标记中的 onchange 属性
【发布时间】:2018-08-03 05:48:09
【问题描述】:

我正在使用 laravel 框架,我创建了一个下拉框,并通过循环使用数据库中的项目填充它。

<select class="form-control" id="username" name="username" onchange="handleSelect(elm)">     
                <option value="" selected>Select User</option>
                @foreach($getUsers as $list)
                <option value="{{$list->id}}" >{{$list->name}}</option>
                @endforeach

            </select>

我希望当我单击下拉列表中的项目时,单击的项目的值在 url 中传递。基本上我想重新加载页面并单击项目以更改页面。我想到的一种方法是将单击的选项的值传递给 handleSelect() 函数,但我不知道该怎么做。

编辑:handleSelect() 不做任何事情。我只是想将选定循环值属性中的内容传递给 handleSelect() 函数。

【问题讨论】:

  • 没有看到您的 javascript 代码。您可以通过 javascript 使用 ":selected" 作为选定项目属性
  • handleSelect() 是做什么的?
  • 你可以使用GET的方法来表单,当下拉值改变时提交表单。
  • 你昨天问了几乎同样的问题 - 我使用 javascript 给出了答案
  • RamRaider 我无法将值传递给 elm,因为它处于循环中。你昨天的回答没有解决我的问题。我收到一条错误消息,说 elm 是空的

标签: javascript php laravel laravel-5


【解决方案1】:

一个非常基本的 javascript 函数,用于处理每当用户从菜单中选择一个选项时触发的 onchange 事件

function handleSelect(e){
    /* find element name and assign the value */
    location.search=[ e.target.name, e.target.value ].join('=');
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-06-29
    • 2017-10-14
    • 2017-09-14
    • 1970-01-01
    • 2018-08-25
    • 1970-01-01
    • 2021-07-07
    相关资源
    最近更新 更多