如何在输入字段中显示结果?

时间:2017-01-07 12:26:25

标签: javascript html

我想知道如何在表格中添加一些结果' nieuwticket2' 例如:$ anaam需要在输入字段中输出。

最好和最简单的方法是什么?



function zoekf() {
  var zoektxt = $("input[name='zoek']").val();
  $.post("zoek.php", {
    zoekval: zoektxt
  }, function(output) {
    $("#output").html(output);
  });
}

<form name="nieuwTicket2" action="nieuwTicket.php" method="POST">
  <button type="button" onclick="bestaandek()" id="bk">bestaandeklant</button>
  <br>
  <input name='zoek' type="text" placeholder="zoeken in Achternaam" onkeydown="zoekf();" class='hidden2' />
  <input type="submit" value=">>" name="zoekk" class='hidden2' />
</form>
<div id="output">
</div>


<?php $connectie=v erbinddatabase(); $output='' ; if (isset($_POST[ 'zoekval'])) { $searchq=$ _POST[ 'zoekval']; $searchq=p reg_replace( "#[^0-9a-z]#i", "",$searchq); $leesKlantQuery=m ysqli_query($connectie,
"SELECT * FROM klant WHERE klantAchternaam LIKE '%$searchq%';"); $count=m ysqli_num_rows($leesKlantQuery); if($count==0){ $output='geen resultaten' ; }else{ while($row=m ysqli_fetch_array($leesKlantQuery)){ $anaam=$ row[ 'klantAchternaam']; $vnaam=$row[ 'klantNaam']; $kid=$row[ 'klantId']; $output.='<div>' .$vnaam.
' '.$anaam. ' '.$kid. '</div>'; }}} echo($output); ?>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

你可以这样做

<script type="text/javascript" language="javascript">
    $('#output').val(output);
</script> 

并将#output更改为<input type="text" value="" id="output">

答案 1 :(得分:0)

没有Jquery的另一个选择是,

  

innerHTML设置元素内的文本(包括html元素)。   通常我们将它用于div,span等元素来插入其他元素   里面的html元素。

     

对于您的情况,您想要设置输入元素的值。那么你   应该使用value属性。

     

将innerHTML更改为值

document.getElementById('add').value = sum;

来自here

答案 2 :(得分:0)

您无法将div注入输入字段:

$output .= '<div>'.$vnaam.' '.$anaam.' '.$kid.'</div>';

如果你真的想要它在输入中,concatenante:

$output .= $vnaam.' '.$anaam.' '.$kid.', ';

然后添加为:

<input id="output" type="text" />

$.post("zoek.php", {zoekval: zoektxt}, function(output){
    $("#output").html(output);
});

但是,如果您有多行,则可能需要使用textfield:

<textfield id="output"></textfield>

$.post("zoek.php", {zoekval: zoektxt}, function(output){
    $("#output").text(output);
});