[英]how to change the value of the input field of the bootstrap modal
我是js,ajax和jquery的新手,我正在嘗試更新bootstrap模態的輸入字段的值,但是此代碼不起作用,請看一下並提出更改建議
html /-(必須更改id =“ expt1”和“ expt2”的值)
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">USER DETAILS</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
<input id="expt1" type="text" placeholder="enter something">
<input id="expt2" type="text" placeholder="enter something else">
<input type="submit" value="submit">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
阿賈克斯/-
function myfunction(name){
$.ajax({
url:"showStudents.php",
type: "post",
data: {
registration: "success",
name: name
},
success:function(data){
console.log(data);
var obj = JSON.parse(data);
console.log(obj);
$("#name").text(data);
var tr = "<tr><td>1.</td><td>"+obj[0]+"</td><td>"+obj[1]+"</td></tr>";
$("#something").html(tr);
document.getElementById("expt1").value=obj[0];
});
我沒有顯示如何調用myfunction(name)以及在何處調用myfunction(name),但是在單擊“提交”按鈕(此處不再顯示)后,它被調用,並且使用了ajax來顯示一個表行,並從中檢索數據數據庫(工作正常,但id = expt1的值未更改)。 先感謝您。
如果您使用的是jquery
嘗試這個
$('#expt1').val('') //input the value inside of val(yourvalue)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.