如果在選擇其他選項時選擇了某一選項，則顯示警告資訊

當選擇一個選項時顯示一個警告資訊 jQuery

如果任何一個埠選擇了(rate == "MAC")，在其他埠選擇MAX時，應該顯示一個警告資訊
如果任何一個埠選擇了(rate == "MAX")，在其他埠選擇MAC時，應該會顯示一條警告資訊。 如果選擇了MAC，那么你就不能在任何其他選擇框中選擇MAX，反之亦然。應該顯示一條警告資訊

。

<table>
    <thead>
    <tr>/span>
      <th>Port</th>
      <th>Rate</th>/span>
    </tr>/span>
    </thead>/span>
    <tbody> 
    <tr>/span>
      <td class="port"/span>> 1</td>
      <td>/span>
        <select class= rate> 
          <option value=""><option>
          <option value="1"/span>> MAC</option>。
          <option value="2"/span>> MAX</option>
          <option value="3"/span>> MIN</option>。
        </select>/span>
      </td>/span>
    </tr>/span>
    <tr>/span>
      <td class="port"/span>> 2</td>> 2</td>
      <td>/span>
        <select class= rate> 
          <option value=""><option>
          <option value="1"/span>> MAC</option>。
          <option value="2"/span>> MAX</option>
          <option value="3"/span>> MIN</option>。
        </select>/span>
      </td>/span>
    </tr>/span>
    <tr>/span>
      <td class="port"/span>> 
      <td>/span>
        <select class= rate> 
          <option value=""><option>
          <option value="1"/span>> MAC</option>。
          <option value="2"/span>> MAX</option>
          <option value="3"/span>> MIN</option>。
        </select>/span>
      </td>/span>
    </tr>/span>
    </tbody>/span>
    </table>

$(document).ready(function(/span>) {
$("select.rate").change(function() {
    var rate = $(this).find(the option:selected").text();
    var this_ = $(this)
    $("select.rate").not（this）。 each（function() {
        var values = $(this).find(the option:selected").text();
        if (rate == 'MAC' && values == 'MAX') {
            alert("由于你已經選擇了MAC，你不能選擇MAX")。
            this_.val("") 
            return false。
        }
    })

});

}）；

uj5u.com熱心網友回復：

你可以通過.each回圈來迭代所有的選擇框，并檢查選項的文本是否相同，根據這一點，顯示你的資訊并重置該選擇框。

演示代碼 :

$(document)。 ready(function() {
  $("select.rate").change(function() {
    var rate = $(this).find("option:selected") 。 text(); //獲取選項文本。
    var this_ = $(this)
    //loop through other slects but not the one where change has occurred。
    $("select.rate").not（this）。 each（function() {
      var values = $(this).find(the option:selected").text();
      //compare... 
      if (rate == 'MAC' && values == 'MAX') {
        alert("由于你已經選擇了MAX，你不能選擇MAC")。
        this_.val("") //reset。
        return false; //break through loop。
      }
      if (rate == 'MAX' && values == 'MAC') {
        alert("由于你已經選擇了MAC，你不能選擇MAX")
        this_.val("")
        return false。

      }
    })

  });
});

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>/span>
<table> 
  <thead> 
    <tr>/span>
      <th>Port</th>
      <th>Rate</th>/span>
    </tr>/span>
  </thead>/span>
  <tbody>/span>
    <tr>/span>
      <td class="port"/span>> 1</td>
      <td>/span>
        <select class="rate">/span>
          <option value=""></option>
          <option value="1"/span>> MAC</option>。
          <option value="2"/span>> MAX</option>
          <option value="3"/span>> MIN</option>。
        </select>/span>
      </td>/span>
    </tr>/span>
    <tr>/span>
      <td class="port"/span>> 2</td>> 2</td>
      <td>/span>
        <select class="rate">/span>
          <option value=""></option>
          <option value="1"/span>> MAC</option>。
          <option value="2"/span>> MAX</option>
          <option value="3"/span>> MIN</option>。
        </select>/span>
      </td>/span>
    </tr>/span>
    <tr>/span>
      <td class="port"/span>> 
      <td>/span>
        <select class="rate">/span>
          <option value=""></option>
          <option value="1"/span>> MAC</option>。
          <option value="2"/span>> MAX</option>
          <option value="3"/span>> MIN</option>。
        </select>/span>
      </td>/span>
    </tr>/span>
  </tbody>/span>
</table>/span>

標籤：

上一篇：如何在jquery腳本中輸出一個Coldfusion變數？

下一篇：改變了JQueryUI的API，用于抓取可拖動的資料