新手一枚，敢问各位大神，html中JavaScript结合option的问题 - 编程论坛

#2

冰镇柠檬汁儿2015-03-20 16:15

把代码发来看看，估计是你用parseInt什么的方法造成的

#3

文羽2015-03-20 16:23

回复 2楼冰镇柠檬汁儿

程序代码：

<html>
<head>
<script type="text/javascript">
function getIndex()
{
  var x=document.getElementById("mySelect");
  alert(x.options[x.selectedIndex].value)
}
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="pineapple">Pineapple</option>
  <option value="banana">Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()" value="Alert index of selected option">
</form>

#4

冰镇柠檬汁儿2015-03-20 16:26

你这个代码应该alert出来的都是字符串啊

#5

冰镇柠檬汁儿2015-03-20 16:28

        <select id="mySelect">
            <option value="2.50">Apple</option>
            <option value="3.75">Orange</option>
            <option value="4.80">Pineapple</option>
            <option value="5.00">Banana</option>
        </select>
你要的是这个效果吗

#6

文羽2015-03-20 16:33

alert出来的是字符串，但是想alter出来的是字符串加上整型，也就是商品的名称和价格

#7

冰镇柠檬汁儿2015-03-20 16:36

        <select id="mySelect">
            <option value="Apple:2.50">Apple</option>
            <option value="Orange:3.75">Orange</option>
            <option value="Pineapple:4.80">Pineapple</option>
            <option value="Banana:5.00">Banana</option>
        </select>
很繁琐吗？

#8

文羽2015-03-20 16:41

以下是引用冰镇柠檬汁儿在2015-3-20 16:36:07的发言：

        <select id="mySelect">
            <option value="Apple:2.50">Apple</option>
            <option value="Orange:3.75">Orange</option>
            <option value="Pineapple:4.80">Pineapple</option>
            <option value="Banana:5.00">Banana</option>
        </select>
很繁琐吗？

恩恩，就是这样的效果。

#9

冰镇柠檬汁儿2015-03-20 16:51

你把问题想太复杂了

#10

haiyanf82015-03-23 14:18

<select id="sel">
    <option value="18">苹果</option>
    <option value="12.5">香蕉</option>
</select>

<input type="button" id="btn" value="报价" />

<script>
  window.onload=function()
  {
          var sel = document.getElementById('sel');
        var btn = document.getElementById('btn');
        btn.onclick=function()
        {
            alert(sel.options[sel.selectedIndex].text+parseInt(sel.options[sel.selectedIndex].value)+'/元');
        }

  }
</script>

不知道能不能帮到你，嘿嘿

#11

冰镇柠檬汁儿2015-03-23 16:38

回复 10楼 haiyanf8

parseInt方法调用后，香蕉的价格不是12.5，而是12，请多注意