我有以下 JavaScript。
<form>
<select id="sel">
<option value="1">item_1</option>
<option value="2">item_2</option>
<option value="3">item_3</option>
</select>
<div id="show"></div>
</form>
<script type="text/javascript">
var sel = document.getElementById('sel');
sel.onchange = function() {
var show = document.getElementById('show');
show.innerHTML = this.value;
};
</script>
如果我单击更改,新值(此处:1,2 或 3)将显示在 div“show”中。这工作正常。但我的问题是我想要显示不同的值,但应该提交值(1,2 或 3)。该元素的单位有公斤、磅、米、平方米……
我想要这样的东西:
<option value="1" value2="kg">item_1</option>
我改变了value
至value2
在<script>
但这没有帮助。
show.innerHTML = this.value2;
我怎样才能让它工作?
最佳答案
如果您应用@Simon所说的,您可以尝试以下操作:
sel.onchange = function() {
var show = document.getElementById('show');
show.innerHTML = this.options[this.selectedIndex].getAttribute('value2');
}
关于JavaScript 和 <选项>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9199760/