簡體   English   中英

如何更改引導程序模態的輸入字段的值

[英]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">&times;</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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM