gpt4 book ai didi

jQuery 获取带有标签的所有值并用分隔符连接为单个字符串

转载 作者:行者123 更新时间:2023-12-01 03:13:27 25 4
gpt4 key购买 nike

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/json;charset=UTF-8">
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery('input[name="add_custom_search"]').click(function(){
var searchquery_string = jQuery( ".searchdetails").text();
var searchquery_val = jQuery( ".searchdetails").val();
alert(searchquery_string);
alert(searchquery_val);
});

});
</script>

</head>
<body>
<form action="" method="POST">
<div class="searchdetails">
<label for="Postal_Code">Postal Code</label>
<input type="text" name="Postal_Code" value=""/>

<label for="City">City</label>
<input type="text" name="City" value=""/>

<input type="submit" name="add_custom_search">
</div>
</form>
</body>
</html>

我得到的输出:第一个警报:

Postal Code
City

第二个警报

我的预期输出:

Postal Code: 'value of Postal Code' City: 'value of City'

我试图找到一种可以同时获取表单字段的标签和值的东西,但找不到。如果我使用 .html(); 我会得到脚本。

如果在 jquery 的表单字段中设置或选择了字段并使用分隔符连接,我如何获取带有标签的值?

最佳答案

改变你的jquery

 $(document).ready(function(){

$('input[name^="add_custom_search"]').click(function(){
$('[name="ElementNameHere"]').doStuff();
var p1 = $('[name^="lblPostalCode"]').html();
var p1det = $('[name^="Postal_Code"]').text();

var c1 = $('[name^="lblCity"]').html();
var c1det = $('[name^="City"]').text();

alert(p1 + ':' + p1det);
alert(c1 + ':' + c1det);
});
});

并将名称添加到标签中,如下所示

    <div class="searchdetails">
<label for="Postal_Code" name="lblPostalCode">Postal Code</label>
<input type="text" name="Postal_Code" value=""/>

<label for="City" name="lblCity">City</label>
<input type="text" name="City" value=""/>

<input type="submit" name="add_custom_search">
</div>

关于jQuery 获取带有标签的所有值并用分隔符连接为单个字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21201117/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com