append - jQuery: Add text to existing selection list option values -

append - jQuery: Add text to existing selection list option values -

i have selection list:

<select class="inputbox" onchange="document.location.replace(this.value);" > <option dir="ltr" value="/nl" >nederlands (nl)</option> <option dir="ltr" value="/de" >deutsch (de)</option> <option dir="ltr" value="/en/orange" selected="selected">english (uk)</option> </select>

and need the content span...

<dd class="category-name">category: <span itemprop="genre">orange</span></dd>

to added (including slash) values except selected one. result be:

<select class="inputbox" onchange="document.location.replace(this.value);" > <option dir="ltr" value="/nl/orange" >nederlands (nl)</option> <option dir="ltr" value="/de/orange" >deutsch (de)</option> <option dir="ltr" value="/en/orange" selected="selected">english (uk)</option> </select>

you can utilize .val() like

class="snippet-code-js lang-js prettyprint-override">var itemprop = $('.category-name span').text().tolowercase().trim(); $('select.inputbox option:not(:selected)').val(function(i, text) { homecoming text + '/' + itemprop; }) class="snippet-code-html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <dd class="category-name">category: <span itemprop="genre">orange</span></dd> <select class="inputbox" onchange="document.location.replace(this.value);"> <option dir="ltr" value="/nl">nederlands (nl)</option> <option dir="ltr" value="/de">deutsch (de)</option> <option dir="ltr" value="/en/orange" selected="selected">english (uk)</option> </select>

jquery append