Question

我有一个像这样的代码，它会多次追加选择框。我必须将选定的值附加到相应的p class =“managerName”标记。根据用户输入，p＆amp;选择框的组合将是多次。需要在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>

Answer 1

试试这个：

$('#SalesManager').on('change',function () {
    $('p span[class=iconManager]').text(this.value);
});

演示here

Answer 2

您可以通过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)
    });
})

演示：fiddle

使用jquery将选择框值附加到多个框的prev p标记

2 个答案:

演示here