Question

我有一个带有几个选项的html选择标记，我想让用户选择任何一个选项，并根据用户的选择，在JS函数中传递，并根据内容执行varoius操作由用户选择。我的问题是，它不匹配用户选择与if else条件，我的rotate（）函数将在其上执行，但它不起作用。这是我的代码。

<table class="table-box">
        <thead>
     <th colsapn="5" style="color:red">
      My Photo Album
        </th>
      </thead>
       <tbody>
           <tr>
        <td id="r1">Roboust</td> 
        <td id="r2">Dynamic</td> 
        <td id="r3">Adhere</td>
        </tr>
        <tr>
         <td id="r4">Popular</td> 
         <td id="r5">Trending</td> 
         <td id="r6">Favourite</td>
        </tr>
        <tr>
         <td id="r7">Famous</td> 
         <td id="r8">Blockbouster</td>
         <td id="r9">Navie</td>
        </tr>
        </tbody>
        </table>
        <p>Select Box from Below to flip:</p>
        <select id="ddlbox" onchange="GetSelectedTextValue(this)">
            <option value=""></option>
            <option value="1">Roboust</option>
            <option value="2">Dynamic</option>
            </select>

            <script>
            //var selectDdl = function(ddlbox) {
            var seletion=document.getElementById('ddlbox');
            var selectedText = seletion.options[seletion.selectedIndex].Value;

            if(selectedText == "Roboust")   {
            rotate();
            }
            else {
            alert("Else called");
            }   
            var rotate =function() {
                    document.getElementById('r1').style="transform:rotateX(180deg);transition:0.6s;transform-style:preserve-3d";
</script>

Answer 1

我无法看到你的GetSelectedTextValue功能应该是什么

function GetSelectedTextValue (t){
    var selectedText = t.options[t.selectedIndex].innerHTML;
    if(selectedText == "Roboust")   {
        rotate();
    }
    else {
        alert("Else called");
    }
}

如何从html传递ddl值并将其传递给JS中的if else condtion

1 个答案: