JS获取select属性值

最新推荐文章于 2023-03-08 11:33:28 发布
最新推荐文章于 2023-03-08 11:33:28 发布
阅读量685 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Thinking771470736/article/details/50247799
版权 
<div class="col-sm-10">
    <select class="form-control" id="good_enabled" name="good_enabled">
        <option value="1" selected >启用</option>
        <option value="0" >禁用</option>
    </select>
</div>
$('#update-goodtype').click(function () {
    var data = {
        'enabled': $("#good_enabled option:selected").val()
    }
Thinking7714707
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue.js 获取当前自定义属性值
10-19
本篇文章主要介绍了vue.js 获取当前自定义属性值，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JQuery获取select点击option的data-*属性
qq_42932499的博客
11-13 2270
$(document).on('change', '#institute-select', function () { // 这里是重点，使用attr来获取 var id = $(this).find("option:selected").attr('data-id'); console.log('id = ' + id) });
select下拉框 JS原生 / jQuery 获取选中值、设置当前选项等
freedomVenly的博客
10-18 1499
JS原生版： &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt;
js获取select标签选中的值
热门推荐
foart的专栏
07-18 41万+
var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本v
javascript select option对象总结
习惯在马桶上思考
12-20 666
一基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在标签中创建一个或多个文本 //options是个数组,里面可以存放多个文本这样的标签 1:options[ ]数组的属性: length属性--------...
element-ui与vue，获取对应el-select的所有属性
qq_52141922的博客
08-09 809
获取el-select的所有属性 element+vue
JavaScript 学习-38.HTML DOM 下拉框 Select 对象
qq_27371025的博客
06-04 475
HTML 中的下拉列表select 对象的属性和方法获取下拉框属性
JS中操作＜select＞标签选的值
cnds123的专栏
12-17 1万+
JS中操作标签选的值
JS动态行列 、获取select自定义属性
weixin_30312659的博客
08-10 365
<script language="javascript" type="text/javascript"> <!-- function addnewline() { var row,cell,cell2; row = document.getElementById("estimateslist").insertRow(-1); if(row ...
JS获取select下拉框选中的value或者其name
qq_37854862的博客
03-08 752
JS获取select下拉框选中的value或者其name
js里怎么取select标签里的值并修改
10-27
js如何将select标签里的BBB改成XXX，同时BBB里的valued的值改成F?本文将告诉你正确的答案
js获取当前select 元素值的代码
01-19
如果 select 元素下的所有 option 元素均没有指定 selected 属性...option 元素 ”selected” value=”value3″>text3，可以通过 option.value 获得 option 元素的 value 属性值，即 value3；可以通过 option.text 获得
JavaScript实现获取select下拉框中第一个值的方法
10-18
主要介绍了JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下
js 获取当前select元素值的代码
01-21
1、如果 select 元素下的所有 option 元素均没有指定 selected 属性，... 4、option 元素 ”selected” value=”value3″>text3，可以通过 option.value 获得 option 元素的 value 属性值，即 value3；可以通过 option.
angular删除数组中的某个元素
红鱼儿的博客
12-02 1万+
$scope.array.splice($.inArray(id, $scope.array), 1);
JS判断小数点后有几位
红鱼儿的博客
12-28 1万+
var n=3.143423423; alert(n.toString().split(".")[1].length); js javascrip 截取小数点后几位 第一种，利用math.round     var original=28.453 1) //round "original" to two decimals var result=Math.round(orig
js实现微博，qq空间分享链接
红鱼儿的博客
10-11 904
$scope.click_share = function(index){ var url = encodeURIComponent($location.absUrl()); //微博 if(index === true){ window.open('http://service.weibo.com/share/share.php?appkey=312312
angular 全局title 兼容ios
红鱼儿的博客
03-06 516
$rootScope.setTitle = function (title) { var $body = $('body'); var $iframe = $(''); $iframe.on('load', function () { $timeout(function () { $iframe.off('load').remove(
javascript获取select值
最新发布
06-28
### 回答1： 获取select的值需要使用JavaScript，可以通过以下步骤实现： 1. 获取select元素 可以使用getElementById() 方法获取select元素，例如： var selectElement = document.getElementById("select-id"); 其中，select-id是select元素的ID值。 2. 获取选中的值 使用selectElement.selectedIndex可以获取选中项的索引，例如： var selectedIndex = selectElement.selectedIndex; 然后可以使用selectedIndex获取选中项的value值，例如： var selectedValue = selectElement.options[selectedIndex].value; 其中，options属性包含select元素的选项列表，可以使用数组索引获取指定选项，例如options[0]表示第一个选项。 完整代码示例： <select id="mySelect"> <option value="val1">选项1</option> <option value="val2">选项2</option> <option value="val3">选项3</option> </select> <script> var selectElement = document.getElementById("mySelect"); var selectedIndex = selectElement.selectedIndex; var selectedValue = selectElement.options[selectedIndex].value; console.log(selectedValue); //输出当前选中的值 </script> ### 回答2： JavaScript可以通过一系列方法来获取select元素的值。以下是几种常见的方法： 1. 通过元素ID获取select元素 首先需要获取select元素的引用，可以通过元素的ID属性来获取。例如，如果select元素的ID为"mySelect"，可以使用以下代码获取该元素： ``` var selectElement = document.getElementById('mySelect'); ``` 通过getElementById方法获取到select元素的引用后，就可以使用其value属性获取选中的value值。例如： ``` var selectedValue = selectElement.value; ``` 2. 通过选中项获取select元素的值 同样可以通过获取被选中的option元素来获取select元素的值。这会更加直接一些。可以使用以下代码获取选中的option元素： ``` var selectedOption = selectElement.options[selectElement.selectedIndex]; ``` 然后可以使用selectedOption的value属性获取被选中的值： ``` var selectedValue = selectedOption.value; ``` 3. 通过遍历选项获取select元素的值 如果要获取select元素的所有选项的值，可以通过遍历所有option元素并获取它们的值。例如，可以使用以下代码： ``` for (var i = 0; i < selectElement.options.length; i++) { var optionValue = selectElement.options[i].value; console.log(optionValue); // 打印选项的值 } ``` 通过这种方法获取所有选项，可以方便地进行后续处理操作。 ### 回答3： 在JavaScript中获取`<select>`元素的值可以使用`document.getElementById()`方法来获取该元素的实例，然后用`.value`属性来获取其选中值。 首先，需要找到该`<select>`元素的ID，例如： ```html <select id="mySelect"> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select> ``` 然后，在JavaScript中可以使用以下代码获取该`<select>`元素的值： ```javascript const selectElement = document.getElementById('mySelect'); const selectedOption = selectElement.value; ``` 这些代码将返回`"apple"`、`"banana"`或`"orange"`，具体取决于用户选择的选项。 还可以使用如下代码获取选中的文本： ```javascript const selectElement = document.getElementById('mySelect'); const selectedOptionText = selectElement.options[selectElement.selectedIndex].text; ``` 注意，此代码取决于用户选择的选项的索引，从0开始。如果你想让选项索引从1开始而不是从0开始，可以在`<option>`元素中添加`value`属性来指定其值，例如： ```html <select id="mySelect"> <option value="0">请选择</option> <option value="1">苹果</option> <option value="2">香蕉</option> <option value="3">橙子</option> </select> ``` 然后在JavaScript中使用以下代码获取选项索引： ```javascript const selectElement = document.getElementById('mySelect'); const selectedIndex = selectElement.value; const selectedOptionText = selectElement.options[selectedIndex].text; ``` 这样就可以获取选择框所选择的项了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值