如何更改下拉菜单时更改href网址？

这是我的代码如何更改下拉菜单时更改href网址？

<tbody> 
<tr> 
    <td>$id</td> 
    <td> 
    <div class='form-group'> 
    <div class='col-sm-10'> 
     <select id='form-control' class='form-control' onchange='leaveChange()'> 
     <option value='$prices'>price</option> 
     <option value='$Sale'>Sale</option> 
     <option value='$payment'>payment</option> 
     </select>"; 
     ?>  
     <script> 
     function leaveChange() { 
     if (document.getElementById("form-control").value == ""){ 
      document.getElementById("enableordisable").innerHTML = "Enable"; 
      document.getElementById("status").innerHTML = "Disabled"; 
     }  
     if(document.getElementById("form-control").value == 1){ 
      document.getElementById("enableordisable").innerHTML = "Disable"; 
      document.getElementById("status").innerHTML = "Enabled"; 
     }   
     } 
     </script> 
    <?php echo "</div></td> 
    <td><p id='status'>---</p></td> 
    <td> <a id='enableordisable' type='addToTable' class='btn waves- effect waves-light btn-custom' href='function/enabledisable.php?stuff=$id&price=$price'>price</a></td>

当从下拉列表中选择一个值，我想要做的是，我想在按钮

href='function/enabledisable.php?stuff=$id&price=$price&item'

这href网址进行更新，这样项目将指向从下拉列表中选择的选项。
我该怎么做？
任何帮助将不胜感激！

注：我无法使用值的选项

来源

2017-07-08 M.M

通过下拉更改事件触发href的值更改。创建事件并调用它来修改该值。 –

我建议在你的下拉菜单中放置第一个选项，如<'option value ='0'>在这里选择......'如果你想在第一个选择中选择第一个选项时触发你的功能。 – Rence

这里的网址是什么，我想你想......

它将获得所选选项的text作为要在&item=之后添加的数据。
请注意，我修复了一点HTML以使其工作。
查看代码中的评论。

// Pass the base href to JS 
 
var baseHref = "function/enabledisable.php?stuff=$id&price=$price"; 
 

 
// On change event function 
 
function leaveChange(el) { 
 
    if (document.getElementById("form-control").value == ""){ 
 
    document.getElementById("enableordisable").innerHTML = "Enable"; 
 
    document.getElementById("status").innerHTML = "Disabled"; 
 
    }  
 
    if(document.getElementById("form-control").value == 1){ 
 
    document.getElementById("enableordisable").innerHTML = "Disable"; 
 
    document.getElementById("status").innerHTML = "Enabled"; 
 
    } 
 

 
    // Set the additional GET data to the URL 
 
    var index = el.selectedIndex; 
 
    var newHref = baseHref+"&item="+el.getElementsByTagName("option")[index].text 
 
    console.log(newHref); 
 
}

<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>$id</td> 
 
     <td> 
 
     <div class='form-group'> 
 
      <div class='col-sm-10'> 
 
      <select id='form-control' class='form-control' onchange='leaveChange(this)'> 
 
       <option value='$prices'>price</option> 
 
       <option value='$Sale'>Sale</option> 
 
       <option value='$payment'>payment</option> 
 
      </select> 
 
      </div> 
 
     </div> 
 
     </td> 
 
     <td><p id='status'>---</p></td> 
 
     <td> <a id='enableordisable' type='addToTable' class='btn waves- effect waves-light btn-custom' href='function/enabledisable.php?stuff=$id&price=$price'>price</a></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

我认为$id和$price是PHP变量。

来源

2017-07-08 02:34:34

非常感谢你的男人！这工作我不能感谢你，真的很感谢帮助：P –

document.getElementById("enableordisable").href = 'function/enabledisable.php?stuff=$id&price=$price&item';

这里面可以改变的<a>

来源

2017-07-08 02:33:22

如何更改下拉菜单时更改href网址？

回答

相关问题