如何使用下拉值作为if函数

时间:2017-06-06 12:03:59

标签: javascript

我有一个html代码如下

tfa_78是一个下拉列表,但内置formassembly,因此无法将其放入代码中 价值"测试"只是为了告诉自己,一般代码正在运行;)

<script>     

var tfa78 = document.getElementById("tfa_78").selvalue;

if( tfa78 == "karte" )
{
document.getElementById('tfa_2448').innerHTML ='<b>Bei karte anrufen.</b> <br>';
} else {
document.getElementById('tfa_2448').innerHTML ='Test';
}


我的问题:它不起作用,我没有得到第一个结果,可能出错了什么? selvalue是选择下拉值的正确选择吗?以前,我用这个代码和一个文本字段,这是有效的,所以我猜它无论如何都与错误相关&#34; get&#34;价值论证?

非常感谢您的支持。

由于以下几条评论,我已经更新了我的代码:

 <script>     
 var tfa78 = document.getElementById("tfa_78").value;
 if( tfa78 == 'tfa_2438' ) {
 document.getElementById('tfa_2448').innerHTML ='<b> anrufen.</b> <br>';
 }else {
 document.getElementById('tfa_2448').innerHTML ='Test'+ tfa78;
 }</script>

这是下拉代码,但我不能改变它。

<select id="tfa_78" name="tfa_78" title="Quelle?" class="required"><option 
value="">Bitte auswählen:</option>
<option value="tfa_2438" id="tfa_2438" data-conditionals="#tfa_93" 
class="">karte</option>
<option value="tfa_2437" id="tfa_2437" data-conditionals="#tfa_93" 
class="">Test</option>
</select>

3 个答案:

答案 0 :(得分:0)

要获取所选值,您应使用属性valueselvalue我不知道哪种语言存在。见如下:

function change(){
  var tfa78 = document.getElementById("tfa_78").value;

  if( tfa78 == "karte" )
  {
  document.getElementById('tfa_2448').innerHTML ='<b>Bei karte anrufen.</b> <br>';
  } else {
  document.getElementById('tfa_2448').innerHTML ='Test';
  }
}
<select id="tfa_78" onchange="change()">
  <option/>
  <option value="karte">karte</option>
  <option value="diem">diem</option>
</select>

<div id="tfa_2448"/>

答案 1 :(得分:0)

 <script>
    var elem = document.getElementById("tfa_78");
    var tfa78 = elem.options[elem.selectedIndex].value;
    if (tfa78 == "karte") {
        document.getElementById('tfa_2448').innerHTML = '<b>Bei karte anrufen.</b> <br>';
    } else {
        document.getElementById('tfa_2448').innerHTML = 'Test';
    }

    </script>

答案 2 :(得分:0)

使用.value代替.selvalue;

var tfa78 = document.getElementById("tfa_78").value;

完整代码

<script>     
    function changeMessage() {
        var tfa78 = document.getElementById("tfa_78").value;
        console.log(tfa78);
        if( tfa78 == "volvo" ){
            document.getElementById('tfa_2448').innerHTML ='<b>Bei karte anrufen.</b> <br>';
        } else {
            document.getElementById('tfa_2448').innerHTML ='Test';
        }
    }

    </script>

    </head>

    <body>
    <select id="tfa_78" onchange="changeMessage()">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="fiat">Fiat</option>
      <option value="audi">Audi</option>
    </select>
    <div id = "tfa_2448"> </div>
    </body>