Question

我在网页浏览中有一个表单。我能够检测按钮点击并执行所需的任务。但是在表单中，有一个选项标签。根据所选的项目类型，我应该执行下一个任务。但是我无法检测到选项点击事件。我尝试了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

您需要在选择字段上收听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函数，根据所选选项处理重定向。

    function onSelectFieldChange(element) {

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

    }

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

1 个答案: