做一个按钮做一些事情

时间:2015-06-23 02:19:27

标签: javascript html5 button drop-down-menu

好吧,所以我有这个小小的谷歌应用程序,我正在尝试放在一起,我将基于婴儿床笔记。有一个带有非功能按钮的文本字段,其中包含添加,两个单选按钮和两个下拉菜单,每个菜单或故事。当我选中一个单选按钮,在我的文本字段中显示文本,然后单击添加,我希望将文本发送到其中一个下拉菜单。
这是我到目前为止的HTML

{{1}}

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>");
 }
})