好吧,所以我有这个小小的谷歌应用程序,我正在尝试放在一起,我将基于婴儿床笔记。有一个带有非功能按钮的文本字段,其中包含添加,两个单选按钮和两个下拉菜单,每个菜单或故事。当我选中一个单选按钮,在我的文本字段中显示文本,然后单击添加,我希望将文本发送到其中一个下拉菜单。
这是我到目前为止的HTML
{{1}}
答案 0 :(得分:0)
在 ADD 按钮中添加ID: HTML:
<table align="center">
<tr>
<td style="width: 134px; ">
<input type="radio" name="Reader" value="Book" style="vertical-align: middle" checked="checked">Book
<input type="radio" name="Reader" value="Story" style="vertical-align: middle">Story
</td>
<td style="width: 162px; "><input type="text" name="Name" style="height: 20px;"></td>
<td> <button type="button" id="add">Add</button> </td>
</tr>
</table>
JS:
捕获点击事件并检查选中了哪个单选按钮,并相应地在选择选项中添加值
$("#add").on("click",function(){
if($('input[name="Reader"]:checked').val() == "Book"){
$("#Books").append("<option>"+$("input[name='Name']").val()+"</option>");
}else{
$("#Stories").append("<option>"+$("input[name='Name']").val()+"</option>");
}
})