在Android WebView中通过javascript检测点击HTML选项标记
Detect click on HTML option tag through javascript in Android WebView
我在web视图中有一个表单。我能够检测按钮点击并执行所需的任务。但在表单中,有一个选项标签。根据所选的项目类型,我应该执行下一个任务。但我无法检测到选项单击事件。我同时尝试了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>
您需要监听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
函数,该函数处理基于所选选项的重定向。
function onSelectFieldChange(element) {
switch(element.value) {
case 'video':
videos.performClick()
break;
case 'image':
images.performClick()
break;
default:
break;
}
}
相关文章:
- 如何放置'选择'基于angularJS中数据的html选项
- 如何使新选择的html选项成为页面加载的第一选择
- 在Android WebView中通过javascript检测点击HTML选项标记
- 如何在CSS或Javascript中定位选定的属性(在HTML选项中)
- 使用JavaScript在select字段中使用optgroup设置html选项值
- jQuery从选项的输出字符串中选择HTML选项
- 如何查找所选HTML选项的所有数据属性
- 将 HTML 选项卡右对齐
- 如何使用 html 选项标签并检查选择了哪个选项
- 根据单独选择的选项显示 HTML 选项
- 有没有办法通过javascript注入自动选择HTML<选项>
- 如何选择 html <选项>其中 text=Washington
- 如何在 HTML 选项中从内部获取隐藏输入
- 为什么此函数在页面加载时不执行?(如何在页面加载时使用JavaScript创建HTML选项)
- 甜蜜的警报 html 选项
- 如何在php变量中分配html选项选择值
- 如何使用JQuery(或Javascript)检测隐含的HTML选项选择
- 仅更改HTML选项TAG中的数字
- 动态添加“;选择“;通过DOM转换为HTML选项
- 管理html选项卡中的长文本块