在更改事件(jQuery)上启用电话呼叫功能

Question

我正在尝试在更改事件(HTML <select>标记)上启用电话呼叫功能,以便引用适当的"tel:"值.

我在Android 上运行测试(版本2.2和4.0),使用默认浏览器:我没有得到预期的效果.

以下是我的代码:

HTML

<select class="call-us-options">
    <option value="">Select a branch:</option>
    <option value="branch-a">Branch A</option>
    <option value="branch-b">Branch B</option>
    <option value="branch-c">Branch C</option>
</select>
<a class="phone branch-a" href="tel:(22) 2222-222" title="Branch A">Branch A</a>
<a class="phone branch-b" href="tel:(33) 3333-3333" title="Branch B">Branch B</a>
<a class="phone branch-c" href="tel:(44) 4444-4444" title="Branch C">Branch C</a>

jQuery的

$('.call-us-options').on('change', function() {
    if($(this).val()) {
        alert($('.'+$(this).val()).html());
        $('.'+$(this).val()).trigger('click');
    }
});?

这是JSFiddle:http://jsfiddle.net/CZ3WF/1/

有没有有效的方法来实现这一目标？

Answer 1

你尝试window.location = "tel:(44) 4444-4444"(无论数量是对应于selectIndex锚)与onChange事件<select>？

编辑:

click()将仅触发javascript事件处理程序,并且实际上不会转到该URL.我不确定这是否有效,但你可以尝试window.location一次.