通过 Android WebView 中的 javascript 检测点击 HTML 选项标签

Question

我在网络视图中有一个表单。我能够检测按钮点击并在表单中执行所需的 tasks.But，有一个选项标签。根据所选项目类型，我应该执行下一个任务。但我无法检测到选项单击事件。我尝试了 onClick 和 onChange。两者都不起作用。知道如何检测它的点击事件吗？

我在 html 代码中尝试了以下代码：

  <div class="label"><b>Type :</b></div>
            <div class="field">
                <select name="type" >
                    <option value="video" selected="selected" onchange="videos.performClick()">video</option>
                    <option value="image" onchange="images.performClick()">image</option>
                </select>
            </div>
        </div>

Answer 1

您需要在 select 字段上监听 onchange 事件。

<div class="label"><b>Type :</b></div>
        <div class="field">
            <select name="type" onchange="onSelectFieldChange(this)">
                <option value="video" selected="selected">video</option>
                <option value="image">image</option>
            </select>
        </div>
    </div>

现在你编写 onSelectFieldChange 函数来处理基于 selected 选项的重定向。

    function onSelectFieldChange(element) {

        switch(element.value) {
        case 'video':
            videos.performClick()
            break;
        case 'image':
            images.performClick()
            break;
        default:
            break;
        }

    }

通过 Android WebView 中的 javascript 检测点击 HTML 选项标签

Detect click on HTML option tag through javascript in Android WebView

html

javascript

android

webview