亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我如何在按鈕單擊上運行選項并向該選項添加功能

我如何在按鈕單擊上運行選項并向該選項添加功能

飲歌長嘯 2024-01-11 16:20:57
基本上我想要做的是,如果從下拉菜單中選擇 GATE1,則在單擊按鈕時運行 evinar() 函數,否則,如果從下拉菜單中選擇 GATE2,則在單擊按鈕時運行 evinar2 函數。<select name="gates" id="gates">  <option value="gates">GATES</option>  <option value="1">GATE1</option>  <option value="2">GATE2</option></select><button class="btn btn-primary" style="width: 360px; outline: none;" id="testar" onclick="enviar()">?「Start」</button> <script title="ajax do checker">    function enviar() {      var linha = $("#lista").val();      var linhaenviar = linha.split("\n");      var total = linhaenviar.length;      var ap = 0;      var rp = 0;      linhaenviar.forEach(function(value, index) {        setTimeout(          function() {            $.ajax({              url: 'api.php?lista=' + value,              type: 'GET',              async: true,              success: function(resultado) {                if (resultado.match("#Approved")) {                  removelinha();                  ap++;                  aprovadas(resultado + "");                } else {                  removelinha();                  rp++;                  reprovadas(resultado + "");                }                $('#carregadas').html(total);                var fila = parseInt(ap) + parseInt(rp);                $('#cLive').html(ap);                $('#cDie').html(rp);                $('#total').html(fila);                $('#cLive2').html(ap);                $('#cDie2').html(rp);              }            });          }, 2500 * index);      });    }    function evinar2() {      var linha = $("#lista").val();      var linhaenviar = linha.split("\n");      var total = linhaenviar.length;      var ap = 0;      var rp = 0;</script>
查看完整描述

2 回答

?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

有多種方法可以解決這個問題,具體取決于您想要如何解決它。如果此按鈕單擊與提交表單相同,則可能需要序列化表單數據,并獲取此字段的值。

否則,您將通過 id 選擇字段并獲取其值。通常,我會創建第三個在單擊時觸發的函數。新函數將獲取字段值,然后根據該值調用任一函數。查看Codepen。

<select name="gates" id="gates">

? <option value="gates">GATES</option>

? <option value="1">GATE1</option>

? <option value="2">GATE2</option>

</select>

<button onclick="functionSelector()">?「Start」</button>

<script>

// this function will route your request

function functionSelector() {

? var e = document.getElementById("gates");

? var value = e.options[e.selectedIndex].value;

? if(value === "1")

? ? enviar();

? else if (value === "2")

? ? evinar2();

? else

? ? unknownOption();

}


function enviar() {

? alert('enviar')

}


function evinar2() {

? alert('enviar 2')

}


function unknownOption () {

? alert('Unexpected answer')

}

</script>


查看完整回答
反對 回復 2024-01-11
?
Smart貓小萌

TA貢獻1911條經驗 獲得超7個贊

由于您已經在使用 jQuery,因此您可以這樣做:


 $(document).ready(function() {

    $("select").on("change", function() {

      if ($(this).children("option:selected").val() == 1) {

         evinar();

      } 

      else if ($(this).children("option:selected").val() == 2) {

         evinar2();

     }

   });

 });


查看完整回答
反對 回復 2024-01-11
  • 2 回答
  • 0 關注
  • 165 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號