1

選択ボックスを複数回追加するこのようなコードがあります。選択した値をそれぞれの p class="managerName" タグに追加する必要があります。p &select box の組み合わせは、ユーザー入力ごとに複数回行われます。これを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>
4

2 に答える 2

1

これを試して：

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

デモはこちら

于 2013-10-11T06:05:23.607 に答える
1

マネージャーの値が表示された後でもアイコンを保持したいように見えるため、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)
    });
})

デモ:フィドル

于 2013-10-11T06:05:40.543 に答える