Javascript 单击“用文本填充输入框”

我几乎是从中复制和粘贴的，它似乎不想在我的页面上工作。我还尝试创建一个空白的PHP页面来尝试它，但它仍然不起作用

另外，我在标题中包含的jQuery库是Google库中的一个，也是jQuery的官方库：

它必须与编码有关，因为代码在我的JSFIDLE浏览器中也可以正常工作：


以下是我个人使用的代码：

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

<div id="dam_return">
    <a href="#">DLH Victoria</a>
    <a href="#">DLH Sam</a>
    <a href="#">Studly</a>
</div>

如果有人能帮我，那就太棒了

编辑：我想我的问题是因为每次按下“dam”输入上的键时都会发生SQL查询

下面是发生的确切SQL查询：

<div id="dam_return_search"><a href="#">Maybe this one works? (but no, it doesn't)</a><br />
<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
        echo '<a href=#>'.$row['name'].'</a><br />';
    }

}

?>
</div>

以下是DAM输入框及其相关代码：

<script type="text/javascript">
function suggest1() {
    var dam_text = document.getElementById('dam').value;

    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject('MicrosoftXMLHTTP');
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('dam_return').innerHTML = xmlhttp.responseText;
        }
    }
    var target = 'dam_search.php?dam_text=' + dam_text;
    xmlhttp.open('GET', target, true);
    xmlhttp.send();
}
</script>


<script type="text/javascript">
$(document).ready(function(){
    $("#dam_return_search a").click(function(){
        var value = $(this).html();
        var input = $('#dam');
        input.val(value);
    });
});
</script>


<tr>
  <td id="label">Dam:</td> 
  <td id="option">
    <input type="text" name="dam" id="dam" value="<?php echo "$dam"; ?>" onkeyup="suggest1();"><br />
    <div id="dam_return"></div>
  </td>
</tr>

函数suggest1（）{
var dam_text=document.getElementById（'dam'）.value；
if（window.XMLHttpRequest）{
xmlhttp=新的XMLHttpRequest（）；
}否则{
xmlhttp=新的ActiveXObject（“MicrosoftXMLHTTP”）；
}
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
document.getElementById（'dam_return'）。innerHTML=xmlhttp.responseText；
}
}
var target='dam_search.php？dam_text='+dam_text；
open（'GET'，target，true）；
xmlhttp.send（）；
}
$（文档）.ready（函数（）{
$（“#dam#u return_search a”）。单击（函数（）{
var value=$（this.html（）；
变量输入=$（“#dam”）；
输入.val（值）；
});
});
大坝：
在启动.click（）事件侦听器之前，需要完全加载页面的DOM。你可以用电脑来做

这是它的一部分


$（文档）.ready（函数（）{
$（“#dam_return a”）。单击（函数（）{
var value=$（this.html（）；
变量输入=$（“#dam”）；
输入.val（值）；
});
});
在启动.click（）事件侦听器之前，需要完全加载页面的DOM。你可以用电脑来做

这是它的一部分


$（文档）.ready（函数（）{
$（“#dam_return a”）。单击（函数（）{
var value=$（this.html（）；
变量输入=$（“#dam”）；
输入.val（值）；
});
});
在启动.click（）事件侦听器之前，需要完全加载页面的DOM。你可以用电脑来做

这是它的一部分


$（文档）.ready（函数（）{
$（“#dam_return a”）。单击（函数（）{
var value=$（this.html（）；
变量输入=$（“#dam”）；
输入.val（值）；
});
});
在启动.click（）事件侦听器之前，需要完全加载页面的DOM。你可以用电脑来做

这是它的一部分


$（文档）.ready（函数（）{
$（“#dam_return a”）。单击（函数（）{
var value=$（this.html（）；
变量输入=$（“#dam”）；
输入.val（值）；
});
});
我认为你应该考虑使用这个代码，坦率地说，我认为你不应该使用jQuery方法来获取文本，你应该使用这个方法，我尝试离线和在线这个代码，它工作

请使用方法停止事件，而不是返回false

$(document).ready(function () {
    $('.tags_select a').click(function(evt) {
        var value = $(this).text();
        var input = $('#text_tag_input');
        input.val(input.val() + value);
        evt.preventDefault();
    });
});

您还可以了解返回false和预防错误的区别（）
嗯，我认为您应该考虑使用这个代码，坦率地说，我认为您不应该使用jQuery方法来获取文本，您应该使用该方法，我尝试离线和联机此代码，它工作

请使用方法停止事件，而不是返回false

$(document).ready(function () {
    $('.tags_select a').click(function(evt) {
        var value = $(this).text();
        var input = $('#text_tag_input');
        input.val(input.val() + value);
        evt.preventDefault();
    });
});

您还可以了解返回false和预防错误的区别（）
嗯，我认为您应该考虑使用这个代码，坦率地说，我认为您不应该使用jQuery方法来获取文本，您应该使用该方法，我尝试离线和联机此代码，它工作

请使用方法停止事件，而不是返回false

$(document).ready(function () {
    $('.tags_select a').click(function(evt) {
        var value = $(this).text();
        var input = $('#text_tag_input');
        input.val(input.val() + value);
        evt.preventDefault();
    });
});

您还可以了解返回false和预防错误的区别（）
嗯，我认为您应该考虑使用这个代码，坦率地说，我认为您不应该使用jQuery方法来获取文本，您应该使用该方法，我尝试离线和联机此代码，它工作

请使用方法停止事件，而不是返回false

$(document).ready(function () {
    $('.tags_select a').click(function(evt) {
        var value = $(this).text();
        var input = $('#text_tag_input');
        input.val(input.val() + value);
        evt.preventDefault();
    });
});

此外，您还可以了解return false和preventDefault（）之间的区别，而不是让Javascript在初始文件中更改输入框“dam”，我将其更改为dam_search.php文件将其更改为“onclick”

以下是我的代码：

<div id="dam_return_search"><a href="#">Maybe this one works? (but no, it doesn't)</a><br />
<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
        echo '<a href=#>'.$row['name'].'</a><br />';
    }

}

?>
</div>




以下是我将其更改为：

<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
    echo '<a href=# onclick="document.getElementById(\'dam\').value=\''.$row['name'].'\';">'.$row['name'].'</a><br />';
    }

}

?>
</div>

我没有在初始文件中使用Javascript，而是将输入框“dam”更改为dam\u search.php文件将其更改为“onclick”

以下是我的代码：

<div id="dam_return_search"><a href="#">Maybe this one works? (but no, it doesn't)</a><br />
<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
        echo '<a href=#>'.$row['name'].'</a><br />';
    }

}

?>
</div>




以下是我将其更改为：

<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
    echo '<a href=# onclick="document.getElementById(\'dam\').value=\''.$row['name'].'\';">'.$row['name'].'</a><br />';
    }

}

?>
</div>

我没有在初始文件中使用Javascript，而是将输入框“dam”更改为dam\u search.php文件将其更改为“onclick”

以下是我的代码：

<div id="dam_return_search"><a href="#">Maybe this one works? (but no, it doesn't)</a><br />
<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
        echo '<a href=#>'.$row['name'].'</a><br />';
    }

}

?>
</div>




以下是我将其更改为：

<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
    echo '<a href=# onclick="document.getElementById(\'dam\').value=\''.$row['name'].'\';">'.$row['name'].'</a><br />';
    }

}

?>
</div>

我没有在初始文件中使用Javascript，而是将输入框“dam”更改为dam\u search.php文件将其更改为“onclick”

以下是我的代码：

<div id="dam_return_search"><a href="#">Maybe this one works? (but no, it doesn't)</a><br />
<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
        echo '<a href=#>'.$row['name'].'</a><br />';
    }

}

?>
</div>




以下是我将其更改为：

<?php

$connect = // blahblahaa

if (isset($_GET['dam_text'])) {
    getSuggest($text);
}

function getSuggest($text) {

    $dam = $_GET['dam_text'];

    $sqlCommand = "SELECT `name` FROM `alpacas1` WHERE `name` LIKE '%$dam%'";

    $query = mysql_query($sqlCommand);

    $result_count = mysql_num_rows($query);

    while ($row = mysql_fetch_assoc($query)) {
    echo '<a href=# onclick="document.getElementById(\'dam\').value=\''.$row['name'].'\';">'.$row['name'].'</a><br />';
    }

}

?>
</div>


什么不起作用？它似乎起作用了。请确保在应用程序中只包含一个jQuery导入。如果您阅读了它，您将看到它可以在JSFIDLE和所有东西上工作，但在我的页面上不工作@Alex也不是独立工作的。你的问题不在你发布的代码中。可能在执行脚本的早期出现了一些错误。检查浏览器中的错误和警告。还要确保只有一个id为“dam\u return”的div，因为这是一个常见的div