从下拉列表中选择选项后，搜索框占位符文本应更改
阿莫尔·达夫卡（Amol Davkhar）
我使用以下代码创建了一个下拉列表：
<select class="selectpicker" id="select_designatfirst" title="Select Designation">
<?php foreach ($this->hierarchydisp as $val) { ?>
<option value="<?php echo $val['hierarchy_id']; ?>" ><?php echo $val['hierarchy_name'] ?></option>
<?php } ?>
</select>
到目前为止，我正在获得此输出。
我正在尝试更改每个下拉列表的搜索框占位符文本。
搜索框如下所示：
<input type="text" class="form-control" id="empSearch" placeholder="Search Employees">
搜索框中的占位符文本应为：Search Company Admin当用户从选择框中选择Company Admin时。
无用的代码
您需要将change事件附加到选择框。在其中，您可以从选定的选项中获取文本，然后placeholder在搜索框中设置属性。
var select_designatfirst = $('#select_designatfirst'),
empSearch = $('#empSearch');
select_designatfirst.on('change', function () {
empSearch.attr('placeholder', 'Search ' + select_designatfirst.find(':selected').text());
});
就是说，除非搜索框距离下拉菜单很远，否则可能没有必要这样做。只要对下拉列表进行了适当的标记，以便其功能清晰明了，那么很明显，它会将搜索结果限制为仅某种雇员类型。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
从下拉列表中选择选项后，页面更改的滚动位置
- 2
用户从下拉列表框中选择选项后，如何获取新选择的值和旧的值？
- 3
从下拉菜单中选择选项后的事件
- 4
从下拉列表中选择其他选项时激活文本框
- 5
从下拉列表中选择的选项将填充另一个文本框/下拉列表中的更改值
- 6
从下拉列表中选择选项时如何更改视图数据，而无需刷新页面？
- 7
基于使用jQuery的文本框输入，在下拉列表中选择选项
- 8
从下拉菜单中选择选项时更改div内容
- 9
PrimeNG：从下拉列表中选择选项时，工具提示会冻结
- 10
允许用户从下拉菜单中选择选项
- 11
Python - 从下拉菜单中选择选项
- 12
铅从下拉列表中选择文本
- 13
使用 selenium python 在下拉菜单中选择选项后，在文本框中输入值
- 14
要在从下拉列表中选择其他选项时显示输入框
- 15
如何使用Selenium和Python通过部分文本从下拉菜单中选择选项
- 16
在按角度绑定选项后，从下拉列表中选择值
- 17
搜索HTML表单-提交后如何保持从下拉列表中选择的值
- 18
选择选项时更改输入的占位符
- 19
硒从下拉列表中选择多个选项
- 20
从MySQL读取值并比较从下拉列表中选择的选项
- 21
WPF-datagridcombobox-从下拉列表中选择项目后更改显示的值
- 22
组合框即使将文本键入或从下拉列表中选择，也可将文本传输到文本框
- 23
当特定的选项是从下拉列表中动态表单角选择显示隐藏的文本框
- 24
克隆后无法从选择框中选择选项
- 25
克隆后无法从选择框中选择选项
- 26
从下拉列表中选择后的Mysql php select Columns
- 27
从下拉列表中选择后无法显示值
- 28
通过按键在下拉列表中选择选项
- 29
在VALUE的下拉列表中选择选项的Javascript
我来说两句