启用更改事件电话功能（jQuery的）(Enable phone call functionalit

我试图启用更改事件的电话功能（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:[phone]" title="Branch A">Branch A</a>
<a class="phone branch-b" href="tel:[phone]" title="Branch B">Branch B</a>
<a class="phone branch-c" href="tel:[phone]" 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:[phone]" （不管数量是对应于selectIndex锚）与onChange事件<select>

编辑：

click()只会触发JavaScript事件处理程序，也不会真正去那个网址。 林不知道这是否会工作，但你可以尝试window.location一次。

Answer 2:

$('.call-us-options').on('change', function() {

        window.location.href = $('.'+$(this).val()).attr('href');

});

文章来源: Enable phone call functionality on change event (jQuery)