列表項，聲明HTML的JavaScript

-1

我有一個HTML代碼（列表項），它工作正常，當你點擊它，它就向下列表項，這裏是代碼：列表項，聲明HTML的JavaScript

<div class="list-item"> <strong class="table-cell">Choose:</strong> <span class="table-cell right"> 
      <!--  <input type="text" name="numberofchildren" id="numberofchildren" value="">          --> 
      <select name="numberofchildren" id="numberofchildren" value="numberofchildren" > 
      <option value="Blood Group" selected disabled>NO CHILDREN</option> 
      <option value="No Children" >No Children</option> 
      <option value="1" >1</option> 
      <option value="2" >2</option> 
      <option value="3" >3</option> 
      <option value="4" >4</option> 
      <option value="5" >5</option> 
      <option value="6" >6</option> 
      <option value="7" >7</option> 
      <option value="8" >8</option> 
      <option value="9" >9</option> 
      <option value="10" >10</option> 
      </select> 
      </span> </div>

但我的問題是這樣的，我怎麼能添加一個JavaScript代碼，當用戶選擇，例如「1」（如果他選擇==「1」{...}，我該怎麼做。

希望我很清楚，非常感謝你的時間和精力。

來源

2016-01-23 ILike Logic

很明顯，是的;但是你需要自己編寫這個代碼，然後當 - 或者* if * - 代碼不起作用時，請回到我們的網站並尋求幫助解決有問題的代碼。向我們展示（「[MCVE]」）代碼，說明它不工作的方式，你期望它做什麼，實際做了什麼以及控制檯中可能出現的任何錯誤。但你首先必須嘗試;我們不是免費的工作服務，我們在這裏*幫助*。 –

嗨@DavidThomas，謝謝你的迴應，你是如此的正確，我會嘗試它，我會嘗試與if語句，但我不知道如何做出行動，當用戶從列表菜單中選擇的東西，我搜索谷歌，但我找不到它，所以當用戶選擇其中一個選項時，我該如何做些什麼。再次感謝你，你是如此的正確，希望你不要誤解我。 –

@DavidThomas我也編輯了這個問題。 –

-1

function myfunction(select) { 
 
     if (select.value == "1") { 
 
      alert("You selected ONE"); 
 
     } else { 
 
      alert("You selected: " + select.value); 
 
     } 
 
    }

<select name="numberofchildren" id="numberofchildren" 
 
     value="numberofchildren" onchange="myfunction(this)"> 
 
     <option value="">Please select value...</option> 
 
     <option value="1">1</option> 
 
     <option value="2">2</option> 
 
     <option value="3">3</option> 
 
    </select>

來源

2016-01-23 21:34:08 Gavriel

hei @gavriel這不起作用我在和onchange之外添加了函數，但它並沒有改變什麼，你能不能更清楚，非常感謝。 –

我用工作代碼片段更新了我的答案，請嘗試一下，您會發現它會根據值 – Gavriel

提示不同的文本，無論如何@Gavriel，感謝您的努力。 –

列表項，聲明HTML的JavaScript

回答

相關問題