3

<select>適切な値を参照するために、変更イベント (HTML タグ)で電話機能を有効にしようとしてい"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/

それを達成するための効果的な方法はありますか？

4

2 に答える 2

7

のイベントでwindow.location = "tel:(44) 4444-4444"（selectIndexに対応するアンカーの番号に関係なく）試しましたか？onChange<select>

編集：

click()JavaScript イベント ハンドラーのみをトリガーし、実際にはその URL には移動しません。これがうまくいくかどうかはわかりませんが、window.location一度試してみてください。

于 2012-11-14T18:42:12.517 に答える
1 
$('.call-us-options').on('change', function() {

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

});
于 2012-11-14T18:44:10.390 に答える