我试图在更改事件(HTML <select>
标签)上启用电话功能,以便引用适当的 "tel:"
值(value)。
我在 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/
有什么有效的方法可以实现吗?
最佳答案
你试过了吗window.location = "tel:(44) 4444-4444"
(无论与 selectIndex 对应的 anchor 中的数字是多少)与 onChange
<select>
的事件?
编辑:
click()
只会触发 javascript 事件处理程序,实际上不会转到该 URL。我不确定这是否可行,但你可以试试 window.location
一次。
关于jquery - 在更改事件上启用电话调用功能 (jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13385143/