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

Posted 2023-04-11

用js写： 效果是这样的，配货量可以输入，默认为单月的配货量，填入配货量以后价格自动显示！若需要一次配数月的货可选择月货量，也就是说选择月的时候 配货量*月数=需要配货量。function option(i) var options=document.getElementById("options").value; var text1=document.getElementById("turface-pro-league-num-pallets").value document.getElementById("turface-pro-league-num-pallets").value=text1*i; var text2=document.getElementById("turface-pro-league-row-total").value document.getElementById("turface-pro-league-row-total").value=text2*i; 这样写问题出在 第一次选择月份可以计算出正确的配货量，然而再次选择的时候配货量会累计相乘，也就是说 填入的配货量*第一次选择的月数*第二次选择的月数。。。。以此类推。。。求解决办法！需要的是填入的配货量*月数！

参考技术A 把
var
text1=document.getElementById("turface-pro-league-num-pallets").value
提到函数外面去,作为全局变量.text2也如此.这样在函数内部,text1的值就不会发生变化了.

JavaScript怎样获取select标签当前选择的值呢？

怎么获取select标签当前选择的选项呢 比如 <select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option>

如果select标签是有id属性的，如
<select id=xx>...
则用下述方法获取当前选项的值：
var v = xx.value;
或
var v = document.getElementById("xx").value; //此方法兼容性好

如果select标签是有name属性的，如
<form name=form1>
<select name=xx>...
则用下述方法获取当前选项的值：
var v = form1.xx.value;
或
var v = document.getElementsByName("xx")[0].value;
如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如
<select>...
则用下述方法获取当前选项的值：
var v = document.getElementsByTagName("select")[0].value;
如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算） 参考技术A 对于以下select标签，获取当前选择的值得方式如下：

<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一：javascript原生的方法
1:拿到select对象： var myselect=document.getElementById("test");
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value： myselect.options[index].value;
4:拿到选中项options的text： myselect.options[index].text;