首页 > 其他分享 >bootstrap_下拉菜单

bootstrap_下拉菜单

时间:2023-09-09 15:34:22浏览次数:33  
标签:function jt 机台 bootstrap alert data1 下拉菜单

 

<div class="form-group">
  <label for="inputPassword3" class="col-sm-2 control-label">机台</label>
  <div class="col-sm-10">
    <input type="text" class="form-control" list="test" id="jt" value='请选择' onfocus="this.value=''" />
    <datalist id="test">
      <option value="852">852</option>
      <option value="553">553</option>
      <option value="353">353</option>
      <option value="352">352</option>
    </datalist>
  </div>
</div>

 

<script>

function addRow() {
  //alert("开始_新增一条数据");//确认
  var v_jt = document.getElementById('jt').value; //机台

  //确认
  alert("\r 机台:" + v_jt );

  $.ajax({
    url: "/web_page/Handler2_WriteDb.ashx",
    type: "post",
    async: false,
    data: {
    "RequestType": "inserted_Row",
    "v_jt": v_jt,
  },
success: function (data1, status) {
  if (status == "success") {
    //返回结果 data1指的是Handler2_WriteDb.ashx中的 string date1 = context.Request["v_rq"]; //日期
    alert(data1);
    }
  },
  error: function () {
    alert('miss');
    },
  });

}

</script>

标签:function,jt,机台,bootstrap,alert,data1,下拉菜单
From: https://www.cnblogs.com/automationanywhere/p/17689499.html

相关文章

  • 详细说明 BootStrap整合 BootStrap 【整合V3版本的,需要依赖JQuery】
    文章底部有个人公众号:热爱技术的小郑。主要分享开发知识、有兴趣的可以关注一下。为何分享?踩过的坑没必要让别人在再踩,自己复盘也能加深记忆。利己利人、所谓双赢。前言以下这个图说明了、如果你使用的是BootStrapV3,那么你在使用BootStrap的时候,同时需要依赖Jquery。这一篇文章......
  • 使用jQuery获取下拉菜单项的选定值
    对于单个selectdom元素,获取当前选择的值:$('#dropDownId').val();获取当前选定的文本:$('#dropDownId:selected').text(); 您是否为选择元素提供了id?<selectid='dropDownId'>...你的第一句话应该有用! varvalue=$('#dropDownId:selected').text()......
  • Unity UGUI的Dropdown(下拉菜单)组件的介绍及使用
    UnityUGUI的Dropdown(下拉菜单)组件的介绍及使用1.什么是Dropdown组件?Dropdown(下拉菜单)是UnityUGUI中的一个常用组件,用于在用户点击或选择时显示一个下拉菜单,提供多个选项供用户选择。2.Dropdown组件的工作原理Dropdown组件由两部分组成:一个可点击的按钮和一个下拉菜单。当......
  • Failed to start bean 'documentationPluginsBootstrapper'; nested exception is jav
    2023-09-0322:53:53.622WARN20788---[main]ConfigServletWebServerApplicationContext:Exceptionencounteredduringcontextinitialization-cancellingrefreshattempt:org.springframework.context.ApplicationContextException:Failedtostartbean......
  • bootstrap页面集成jquery异步请求
    jquery技术是对原生js技术的封装和优化,实现页面上的功能能独立的运行和提交给后台程序,相比之前的用表单整体提交数据可以提高系统的性能,加快响应速度。要在项目中使用jquery必须先引入相关的js脚本,在项目中导入这些js脚本文件:导入后接下来再进行相关技术的操作。实现效果,在一个页面......
  • Bootstrap Blazor 实战动态表单组件
    1.新建工程源码新建工程b18ValidateForm,使用nuget.org进行BootstrapBlazor组件安装,Chart库,字体.将项目添加到解决方案中dotnetnewblazorserver-ob18ValidateFormdotnetaddb06chartpackageBootstrapBlazordotnetaddb06chartpackageBootstrapBlazor.Font......
  • 使用bootstrap总结
    bootstrap是个很不错的前端css框架,把很多按钮、表单、表格、图片css通用样式都写好了,而且浏览器兼容不需我们考虑尤其是它的栅格系统很强大,在做响应式布局时候很有用,但是默认支持12列,一般也足够了,如果要自定义列,就要它的less我没用过,网站性能优化里面有提尽量少用css表达式<!DOC......
  • axure动态面板做下拉菜单
    1、托入几个矩形,当1、2级菜单 2.、菜单全选,右键,转为动态面板,动态面板命名为一级菜单名称   3、系统管理面板,默认是状态1,里面有3个按钮,状态1->改为展开,再增加一个关闭状态(1)双击系统管理面板,  (2)新增状态 (3)把展开状态的系统管理菜单,复制到关闭状态里 ......
  • flask引入bootstrap5
    一个案例1.初始化一个flaskappfromflaskimportFlask,render_template,requestfromflask_wtfimportFlaskForm,CSRFProtectfromwtforms.fieldsimport*fromflask_bootstrapimportBootstrap5#初始化一个flaskappapp=Flask(__name__)#设置秘钥,没有的话,会失败。......
  • bootstrap 5登录页
     bootstrap5登录页从bootcss网站上扒下来的,点那个用户名和密码的框框有个文字缩小的效果 <!doctypehtml><htmllang="zh-CN"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial......