獲得輸入框的值jQuery中

-1

我想和input textbox警報內容，但它不能正常工作任何人可以幫助我嗎？獲得輸入框的值jQuery中

$(document).ready(function() { 
 
    var phoneField = $("#PhoneField").val(); 
 
    $("#SendPhone").click(function() { 
 
    alert(phoneField); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<fieldset> 
 
    <h2 class="fs-title">Enter Your Number</h2> 
 
    <h3 class="fs-subtitle">This is step 1</h3> 
 
    <input type="text" name="email" placeholder="Phone number" id="PhoneField" /> 
 
    <input type="button" name="next" class="next action-button" value="Next" id="SendPhone" /> 
 
</fieldset>

來源

2017-09-25 sepehr

爲什麼你想要得到的值時，頁面加載？ –

將'var phoneField ...'行移入您的點擊處理程序。 – DarthJDG

後點擊事件函數分配變量，它應該工作。試試這個：

$(document).ready(function() { 
    $("#SendPhone").click(function() { 
    var phoneField = $("#PhoneField").val(); 
    alert(phoneField); 
    }); 
});

來源

2017-09-25 08:07:10

你只有一次分配phoneField變量，當文件已準備就緒，這意味着你的phoneField將永遠是空的。點擊事件函數中分配變量，它應該工作。

$(document).ready(function() { 
 
    $("#SendPhone").click(function() { 
 
    var phoneField = $("#PhoneField").val(); 
 
    alert(phoneField); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<fieldset> 
 
    <h2 class="fs-title">Enter Your Number</h2> 
 
    <h3 class="fs-subtitle">This is step 1</h3> 
 
    <input type="text" name="email" placeholder="Phone number" id="PhoneField" /> 
 
    <input type="button" name="next" class="next action-button" value="Next" id="SendPhone" /> 
 
</fieldset>

來源

2017-09-25 08:07:12 Fuross

的問題是，你設置了var phoneField上pageload，在頁面加載輸入字段爲空。

您可以輕鬆地更新您的onclick事件裏面的VAR解決這個問題。

$(document).ready(function() { 
 
    var phoneField = $("#PhoneField").val(); 
 
    $("#SendPhone").click(function() { 
 
    phoneField = $("#PhoneField").val(); //updates the variable 
 
    alert(phoneField); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2 class="fs-title">Enter Your Number</h2> 
 
<h3 class="fs-subtitle">This is step 1</h3> 
 
<input type="text" name="email" placeholder="Phone number" id="PhoneField" /> 
 
<input type="button" name="next" class="next action-button" value="Next" id="SendPhone" />

來源

2017-09-25 08:07:26

你想要得到的點擊事件值，那麼你應該得到的點擊事件中的價值。

$(document).ready(function() { 
 
     
 
     $("#SendPhone").click(function() { 
 
      var phoneField = $("#PhoneField").val(); 
 
      alert(phoneField); 
 
     }) 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<fieldset> 
 
<h2 class="fs-title">Enter Your Number</h2> 
 
<h3 class="fs-subtitle">This is step 1</h3> 
 
<input type="text" name="email" placeholder="Phone number" id="PhoneField" /> 
 
<input type="button" name="next" class="next action-button" value="Next" id="SendPhone" />

來源

2017-09-25 08:08:30

<fieldset> 
<h2 class="fs-title">Enter Your Number</h2> 
<h3 class="fs-subtitle">This is step 1</h3> 
<input type="text" name="email" placeholder="Phone number" id="PhoneField" /> 
<input type="button" name="next" class="next action-button" value="Next" id="SendPhone" /> 
</fieldset> 


$(document).ready(function() { 
    //var phoneField = $("#PhoneField").val(); 
    $("#SendPhone").click(function() { 
    var phoneField = $("#PhoneField").val(); 
    alert(phoneField); 
    }); 
});

你應該得到的時候click事件EXCUTE值。

來源

2017-09-25 08:11:10 zynkn

單擊按鈕時取文本字段的值。目前它在頁面加載時被初始化一次。

$(document).ready(function() { 
 
    $("#SendPhone").click(function() { 
 
    alert($("#PhoneField").val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="PhoneField"> 
 
<input type="submit" id="SendPhone" value="Send">

來源

2017-09-25 08:11:20

<input type="text" name="" value="" id="PhoneField" /> 
<input type="button" name="next" class="next action-button" value="Next" id="SendPhone" /> 

<script type="text/javascript">`$("#SendPhone").click(function() { 
     var a = $("#PhoneField").val() 
     alert(a) 
    })` 

</script>

來源

2017-09-25 08:21:56 user8668575

獲得輸入框的值jQuery中

回答

相關問題