[cesarcesar]

I have a textfield that uses a dynamic dropdown select script to let me choose a country by a few letters. Example, keying "B" shows "Brazil, Bulgaria, Belarus... Once i choose a county another function fires to send the selected data via http_request to another page. Here's it in use.

Code:

<input type="text" name="country" onkeyup="ajax_showOptions(this,'get_country',event)" onblur="makeRequest('insert.php?field_name=country&field_value=',this.value)">

The problem is that the *this.value* in makeRequest() only sends the "B" or whatever chars where entered in the field. Now I understand that the dropdown script is filling the field in a different way than I would have keyed it but how im not sure. Looking at FireBug i think i see that my selection "Brazil" shows under *HTMLInputElement*. I guess my question is how do i get that value to show instead of *this.value* in makeRequest().

FYI, each script works fine when not working together on the same field.

Thanks much for the help.

[UnrealEd]

can you post the code that actually sets the value of the field.
As far as I know, this.value always contains the data set in the field, even if it's set through javascript.

[cesarcesar]

i have posted links to the code in my post. i am using 99% stock scripts.

[cesarcesar]

thanks to BrianOConnell -

Solution - replace *this.value* with *document.getElementById('country_hidden').value*.

The country_hidden element was not in my initial post because i didn't think it was relevant.. bad me. It is shown in the original example linked in my post.

[UnrealEd]

Never mind.... misunderstood the solution

[cesarcesar]

darn.. found a glitch. the *document.getElementById('country_hidden').value* will not set on the first call of makeRequest(). It will though set if i re-select the drop down value again. Any ideas on hoe to get it to set the first time?

[job0107]

Your using the onblur event listener in your input element.
The problem with doing that is that the input element looses focus as soon as the div or iframe appears.
When your list appears there is no id returned until you select a value from the list.
So a null value is returned the first time.
Then if you again give the input element the focus and either enter another value or tab away from it, then the previous id will be returned, not the current value selected from the list.

To fix this problem you first need to remove the onblur event listener from the input element.
Then you add the makeRequest function call to the ajax_option_setValue function.

Something like this:

function ajax_option_setValue(e,inputObj)
    {
        if(!inputObj)inputObj=this;
        var tmpValue = inputObj.innerHTML;
        if(ajax_list_MSIE)tmpValue = inputObj.innerText;else tmpValue = inputObj.textContent;
        if(!tmpValue)tmpValue = inputObj.innerHTML;
        ajax_list_activeInput.value = tmpValue;
        if(document.getElementById(ajax_list_activeInput.name + '_hidden'))document.getElementById(ajax_list_activeInput.name + '_hidden').value = inputObj.id; 
        ajax_options_hide();
        makeRequest('insert.php?field_name=country&field_value=',inputObj.id);
    } 

If you want to return the country name instead of the id then use tmpValue instead of inputObj.id

If I understand what you want to do correctly, then this should work.

One more thing,

From what I can tell is you aren't using the hidden input element, so remove it.
And shorten the ajax_option_setValue function to this:

function ajax_option_setValue(e,inputObj)
    {
        if(!inputObj)inputObj=this;
        var tmpValue = inputObj.innerHTML;
        if(ajax_list_MSIE)tmpValue = inputObj.innerText;else tmpValue = inputObj.textContent;
        ajax_list_activeInput.value = tmpValue;
        ajax_options_hide();
        makeRequest('insert.php?field_name=country&field_value=',inputObj.id);
    }