获取HTML网页中option标签元素的值

news/2024/7/11 0:37:40 标签: jquery, javascript, js, option, html

在进行表单元素的操作时,难免会遇到对html" title=option>option元素的挑选,下面的示例代码能够很好的获取到你html" title=option>option元素选择的值,如果要传递给后端,可通过ajax或者其他方式传递即可。
示例代码

html"><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取html" title=option>option元素</title>
</head>

<body>
  <div class="item-content">
	<div class="item-inner">
	  <div class="item-title label">编程语言</div>
	  <div class="item-input">
		<select id="program-language">
			<html" title=option>option data-id="Java">Java</html" title=option>option>
			<html" title=option>option data-id="Python">Python</html" title=option>option>
			<html" title=option>option data-id="Android">Android</html" title=option>option>
			<html" title=option>option data-id="C#">C#</html" title=option>option>
			<html" title=option>option data-id="Ruby">Ruby</html" title=option>option>
			<html" title=option>option data-id="JavaScript">JavaScript</html" title=option>option>
		</select>
	</div>
  </div>
  
	<div class="content-block">
      <div class="row">
        <div class="col-50">
			<a href="#" class="button button-big button-fill button-success" id="submit">提交</a>
		</div>
      </div>
    </div>
  
<script type='text/html" title=javascript>javascript' src='C:/Users/Hyxiao/Desktop/html" title=option>option/html" title=jquery>jquery-3.2.1.html" title=js>js' charset='utf-8'>html" title=javascript>javascript"></script>
<script type='text/html" title=javascript>javascript'>html" title=javascript>javascript">
	$('#submit').click(function() {
		var  language = '';
		language = 
			$('#program-language').find('html" title=option>option').not(function() {
				return !this.selected;
			}).data('id')
		console.log(language);
	});
</script>
  
</body>
</html>

效果图如下:
在这里插入图片描述


http://www.niftyadmin.cn/n/1620499.html

相关文章

bootstrip可视化布局

http://www.w3cschool.cc/try/bootstrap/layoutit/

Uber 分布式追踪系统 Jaeger 使用介绍和案例【PHP Hprose Go】

这里写自定义目录标题Uber 分布式追踪系统 Jaeger 使用介绍和案例【PHP Hprose Go】1. 前言2. 分布式系统调用过程3. [opentracing 协议](http://opentracing.io/)3.1. 简单理解 opentracing3.2. 相关文档4. 分布式追踪系统 Jaeger4.1. 作用4.2. 特性4.3. 部署4.3.1. 快速部署 …

《软件测试开发》概念篇

目录 一.什么是测试 二.测试与开发之间的区别1.工作内容上的区别 2.技能要求上的区别 3.发展前景 测试与调试之间的区别 三.优秀的测试人员所应具备的素质 四.需求 需求的概念 需求的产生&#xff0c;需求是怎么来的&#xff1f; 测试人员眼中的需求 需求的重要性 测…

企业架构如何实施的简介(深度好文)

IT不仅是开展业务的手段&#xff0c;而且正在迅速演变为业务&#xff0c;IT绩效会直接影响企业的盈利能力&#xff0c;但很多企业并没有适时或充分的让IT组织参与业务的规划和决策过程&#xff0c;没有给予在规划和IT决策过程中考虑的安全性、可扩展性、集成问题等IT问题足够的…

MyBatis实现批量添加

在进行后端的操作时&#xff0c;批量添加总是少不了&#xff0c;话不多说&#xff0c;下面贴上代码 Mybatis代码&#xff1a; <insert id"batchInsert" parameterType"java.util.List">INSERT INTOtb_product_category(product_category_name, prio…

踩坑系列《十一》完美解决阿里云vod视频点播无法播放音频和视频点播控制台里的媒资库里面的视频无法播放

刚开始项目部署的时候&#xff0c;音频还是正常播放&#xff0c;后面直接报了 获取m3u8文件失败(manifestLoadError) 的错误&#xff0c;原因是 我的域名 xxx.com 这个域名没有解析到点播提供的CNAME上&#xff0c;所以请求的一直都是服务器地址&#xff0c;才会报这个错 之前没…

python 一些基本操作

1, 从文件的读取与输出&#xff1a; http://www.cnblogs.com/xuxn/archive/2011/07/27/read-a-file-with-python.html http://www.cnblogs.com/sysuoyj/archive/2012/03/14/2395789.html 2, Python程序输出到文件中 &#xff1a; http://www.cnblogs.com/sysuoyj/archive/201…

Let‘s Encrypt

这里写自定义目录标题1. Lets Encrypt1.1. Client with the currently selected authenticator does not support any combination of challenges that will satisfy the CA.1.1.1. 泛域名1.1.2. 使用 Lets Encrypt 授权泛域名证书2. Zabbix3. Prometheus 系统监控报警框架4. G…