HTML Autocomplete opens a webpage when pressing enter

Question

I have an autocomplete page which gives me a text value, but I want the same text value to open a webpage when hitting enter or selecting the suggested value.

E.g. when I search for india, I type "ind" and "india" automatically comes up, but and I want "india" to open a webpage (like "domain.com/india") when selecting the value or hitting enter

The code is as follows:

<datalist id="countries">
    <select>
        <select id="dynamic-select">
        <option value="www.blahblah.com">Blah</option>
        <option value="www.something.com">something</option>
<script>
    $('#dynamic-select').bind('change', function () { // bind change event to select
        var url = $(this).val(); // get selected value
        if (url != '') { // require a URL
            window.location = url; // redirect
        }
        return false;
    });
</script>
</datalist>

It pulls out the value but it doesn't open a webpage for me. Can someone help me with this please?

i am sorry i forgot to add that here but i already have it on my page so that part is fine — William Christopher, Aug 26 '15 at 19:58

Barmar · Answer 1 · 2015-08-26T20:12:55.883

0

You need to use correct URL syntax. You're missing the // prefix, so it's treating the URL as a filename on your website, not the address of another website.

$('#dynamic-select').bind('change', function() { // bind change event to select
  var url = $(this).val(); // get selected value
  if (url != '') { // require a URL
    window.location = url; // redirect
  }
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="dynamic-select">
  <option value="">Please choose</option>
  <option value="//www.blahblah.com">Blah</option>
  <option value="//www.something.com">something</option>
</select>

edited Aug 26 '15 at 20:12

answered Aug 26 '15 at 20:00

Barmar

741,623
53
500
612

I tried that it pulls out the value as //www.website.com but dosnt open up that page – William Christopher Aug 26 '15 at 20:08
Did you run my example? When I select `something`, it opens up that page. – Barmar Aug 26 '15 at 20:12
Yes i tried the same. Dint work :(. what it does is it gives me the link with "//" in that box as an output. it looks like "//www.google.com" but dosnt do anything alse. i actually copied the same u sent to be sure i i am doing something wrong – William Christopher Aug 26 '15 at 21:27
Are there any messages in the Javascript console? – Barmar Aug 26 '15 at 21:28
I tried it in both Chrome and Firefox on OS X, it worked in both. – Barmar Aug 26 '15 at 21:29
So when you select "something", the page doesn't change to show "Something."? – Barmar Aug 26 '15 at 21:39
Yesy thats correct rather it only shows //www.somthing.com in the box as an output. FYI there are some .js script associated to it too can i send the whole thing somewhere where you can see how i have it compiled? – William Christopher Aug 26 '15 at 21:42
I don't see how that can be. There's nothing in my answer that puts the value of the select into the output box. – Barmar Aug 26 '15 at 21:43
All I can think of is that you have a browser extension that's doing something weird. Try disabling extensions and running my snippet. – Barmar Aug 26 '15 at 21:45
FYI there are some .js script associated to it too can i send the whole thing somewhere where you can see how i have it compiled? – William Christopher Aug 26 '15 at 21:51
Can you post a link I can access? – Barmar Aug 26 '15 at 21:55
No im afraid. I dont have that priviledge as of now – William Christopher Aug 26 '15 at 22:18
i have that elaborated here http://stackoverflow.com/questions/32252298/need-help-for-autocomplete-to-open-a-webpage-from-value-in-the-text-box – William Christopher Aug 27 '15 at 14:43

score 0 · Accepted Answer · answered Aug 26 '15 at 20:29

0

Change

window.location = url;

To

window.location.href= url;

answered Aug 26 '15 at 20:29

Rahul Kumar

99
3
10

They're equivalent: http://stackoverflow.com/questions/2383401/javascript-setting-location-href-versus-location – Barmar Aug 26 '15 at 21:44

HTML Autocomplete opens a webpage when pressing enter

2 Answers2