Hello :-)

I'm trying to add a special character to end of search string from html dropdown option list using Javascript?

Ive got the special chars in a var and now Im struggling to append to the end of the search string using DOM?

I think my approach is correct? Simply allow a user to add a special char to a word they are typing into the search box. I have a html dropdown list and a button which is supposed to add the character to end of search string but Im struggling to write to the txtSearch.Text control? 

Ive tried various ways but have been unable to write special char to end of search string using document.write(xSearch);

?

Any help much appreciated?

<asp:TextBox ID="txtSearch" runat="server" CssClass="NormalTextBox" Text="SpecCharHere" />
<asp:Button ID="btnSearch" runat="server" ResourceKey="Search" Text="Search" />
<select id="SpecialChars">
<option value="&#231;">&#239;</option>
<option value="&#232;">&#239;</option>
<option value="&#233;">&#233;</option>
<option value="&#234;">&#234;</option>
</select>
<button type="button" onclick="InsertSC();" 
            style="font-family: 'Times New Roman', Times, serif; font-size: small; font-weight: bold; text-align: center; border-style: ridge; padding: 0px">Insert</button>


<script type="text/javascript">
    function InsertSC(){
        var xDoc = document.getElementById('SpecialChars');
    var xSearch = document.getElementById('dnn_ctr424_NewsArticles_ViewSearch_txtSearch').value;

    if (xDoc.options.length > 0) {
        //window. Text: " + xDoc.options[xDoc.selectedIndex].text + "\nValue: " + xDoc.options[xDoc.selectedIndex].value);
        window. xDoc.options[xDoc.selectedIndex].text);
        window. xSearch).value;
    }
    else {
        window. Special Character box is empty!");
    }
}