Question

我是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>

ajax /-

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的值未更改）。预先谢谢你。

Answer 1

如果您使用的是jquery

尝试一下

$('#expt1').val('') //input the value inside of val(yourvalue)

如何更改引导程序模态的输入字段的值

1 个答案: