使用 jquery 将选择框值附加到多个框的上一个 p 标记
Append select box value to prev p tag for multiple boxes using jquery
我有这样的代码,它将多次附加选择框。我必须将所选值附加到相应的 p class="managerName" 标签中。p 和选择框的组合将根据用户输入多次。需要在jquery中实现这一点。任何解决方案??面对问题
<p class="managerName"><span class='iconManager'></span></p>
<select onchange="SalesManager(this)" class="SalesManager">
<option value="map roles">Map Roles</option>
<option value="National_Manager">National Manager</option>
<option value="Regional_Manager">Regional Manager</option>
<option value="Area_Manager">Area Manager</option>
<option value="Divisional_Manager">Divisional Manager</option>
</select>
您可以通过在 html 中进行微小更改来执行类似操作 - 因为即使在显示管理器值后,您似乎也希望保留图标
<p class="managerName"><span class='iconManager'></span><span class='manager'></span>
</p>
<select class="SalesManager">
<option value="map roles">Map Roles</option>
<option value="National_Manager">National Manager</option>
<option value="Regional_Manager">Regional Manager</option>
<option value="Area_Manager">Area Manager</option>
<option value="Divisional_Manager">Divisional Manager</option>
</select>
然后
jQuery(function () {
$('.SalesManager').change(function () {
$(this).prev('.managerName').find('span.manager').html(this.value)
});
})
演示:小提琴
试试这个:
$('#SalesManager').on('change',function () {
$('p span[class=iconManager]').text(this.value);
});
在这里演示
相关文章:
- 单击标记时更改标记图标(在单击事件上),并在单击另一个标记时将其恢复为普通图标
- 在谷歌地图上显示一个标记
- 上一个标记删除在谷歌地图
- 如果“上一个”为空,则清除下一个嵌套的选择标记
- 我在谷歌地图上有一个标记,点击后应该会显示文本内容
- 使用两个不同表中的值在一个谷歌地图上显示标记
- Jquery悬停在一个标记上继续激发
- 在按钮左键单击时在谷歌地图上添加标记.尝试修改一个示例
- 使用 jquery 将选择框值附加到多个框的上一个 p 标记
- 突出显示带有下一个和上一个的 P 标记
- 获取上一个元素标记名称
- 我想在html中嵌入一个javascript作为引号显示器,控制下一个和上一个锚点标记
- 如何使用jquery获取上一个标记(td)的子属性值
- 通过标记获取最近的上一个同级
- 在谷歌地图上做一个标记
- 保存点击谷歌地图标记ID -重置图标上的下一个标记单击
- 我如何传递事件变量/在地图上放置一个标记-当绑定完成事件在数据地图&D3
- 如何编辑一个标记上的事件
- 在特定的道路上画一个标记
- 如何使用OSM在我当前的位置上放置一个标记