js获取select选择之前和选择之后的值

js获取select选择之前和选择之后的值,第1张

逻辑上有点问题

求和的地方不能在这里计算

可以用离开焦点事件

当焦点离开配货量的文本框的时候

再求一次和 (配货量为空的文本框 不累计)

或者也可以增加一个求和按钮

var selectText = documentgetElementById("sect")options[selectIndex]text //获得被选中的项目的文本,即显示值

html:

<select id="sel">

<option value='s1'>苹果</option>

<option value='s2'>西瓜</option>

<option value='s3'>香蕉</option>

</select>

javascript:

$(function(){

var _val = $map( $("#sel option:not(:selected)"),

function(ele){return elevalue}

)join(",");

alert(_val);

})

其中主要的是:$("#sel option:not(:selected)"),这是返回没被选中的option集合,

使用$map函数对这个集合进行处理,取出其中元素的值,使用","进行分隔。

如果option中没有value属性,那么直接返回option的文本内容。

documentgetElementById('id')value;//可以得到value

documentgetElementById('id')getElementsByTagName('option')[ documentgetElementById('id')selectIndex ]innerHTML;//可以得到显示的值

问题:js如何将select标签里的BBB改成XXX,同时BBB里的valued的值改成F

正解代码如下:

function cheng()

{

var mylist=documentgetElementById(“company_id”);

mylistoptions[0]text=”XXX”;

}

//修改select选项中 value="paraValue"的text为"paraText"

function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)

{

//判断是否存在

if(jsSelectIsExitItem(objSelect,objItemValue))

{

for(var i=0;i

{

if(objSelectoptions[i]value == objItemValue)

{

objSelectoptions[i]text = objItemText;

break;

}

}

alert("成功修改");

}

else

{

alert("该select中 不存在该项");

}

}

纯JS

var e = documentgetElementById("form-field-select-4");

alert(getSelectValues(e));

// Return an array of the selected opion values

// select is an HTML select element

function getSelectValues(select) {

  var result = [];

  var options = select && selectoptions;

  var opt;

  for (var i=0, iLen=optionslength; i<iLen; i++) {

    opt = options[i];

    if (optselected) {

      resultpush(optvalue || opttext);

    }

  }

  return result;

}

JQuery

 var selectedValues = [];    

 $("#form-field-select-4 :selected")each(function(){

     selectedValuespush($(this)val()); 

 });

 alert(selectedValues);

以上就是关于js获取select选择之前和选择之后的值全部的内容,包括:js获取select选择之前和选择之后的值、js怎么获取select的显示值、js或者jquery如何获取select中未选中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9543245.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存