Javascript 在ajax查询中从div获取数据
我对ajax和javascript不太熟悉,但我需要一些帮助,所以我会尽可能清楚地解释 我有以下带有此javascript的按钮:Javascript 在ajax查询中从div获取数据,javascript,jquery,html,ajax,opencart,Javascript,Jquery,Html,Ajax,Opencart,我对ajax和javascript不太熟悉,但我需要一些帮助,所以我会尽可能清楚地解释 我有以下带有此javascript的按钮: $('#button-confirm').on('click', function() { $.ajax({ type: 'get', url: 'index.php?route=payment/leasing_plans/confirm', cache: false, data:{ egn:$('#input-payment-egn')
$('#button-confirm').on('click', function() {
$.ajax({
type: 'get',
url: 'index.php?route=payment/leasing_plans/confirm',
cache: false,
data:{
egn:$('#input-payment-egn').val(),
months: $('input[name=months]:checked').val()
},
beforeSend: function() {
$('#button-confirm').button('loading');
},
complete: function() {
$('#button-confirm').button('reset');
},
success: function() {
location = '<?php echo $continue; ?>';
}
});
$('#按钮确认')。在('click',function()上{
$.ajax({
键入:“get”,
url:'index.php?route=付款/租赁计划/确认',
cache:false,
数据:{
egn:$(“#输入付款egn”).val(),
月份:$('input[name=months]:选中').val()
},
beforeSend:function(){
$(“#按钮确认”)。按钮(“加载”);
},
完成:函数(){
$(“#按钮确认”)。按钮(“重置”);
},
成功:函数(){
地点='';
}
});
我有以下单选按钮:
<td><div class="radio">
<label><input type="radio" name="months" value="tbi3" />3 месеца x </label>
</div></td>
<td><div class="radio">
<label><input type="radio" name="months" value="uni3" />3 месеца x </label>
</div></td>
</tr>
<tr>
<td><div class="radio">
<label><input type="radio" name="months" value="tbi6" />6 месеца x </label>
</div></td>
<td><div class="radio">
<label><input type="radio" name="months" value="uni6" />6 месеца x </label>
</div></td>
</tr>
<tr>
<td><div class="radio">
<label><input type="radio" name="months" value="tbi9" />9 месеца x </label>
</div></td>
<td><div class="radio">
<label><input type="radio" name="months" value="uni9" />9 месеца x </label>
</div></td>
</tr>
3аааx
3аааx
6аааx
6аааx
9аааx
9аааx
我还有以下具有相同id的div`s like单选按钮值:
<div id="tbi3" class="leasecond">
<input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 3 30.36% <br>
<p>Прочетох</p>
</div>
<div id="uni3" class="leasecond">
<input type="text" style="border: none;" readonly />Разсрочено плащане с UNI Credit, вноски 3 30.36% <br>
<p>Правилата</p>
</div>
<div id="tbi6" class="leasecond">
<input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 6 34.49% <br>
<p>Прочетох и</p>
</div>
<div id="uni6" class="leasecond">
<input type="text" style="border: none;" readonly /> Разсрочено плащане с UNI Credit, вноски 6 x 34.49% <br>
<p>Правилата за ползване</p>
</div>
аззгааааааааааааааа1072
Пччч
统一信贷,30.36%
Паааа
аззгааааааааааааааа1072
Пчччч
统一信贷,6 x 34.49%
Паазззззз
但问题是,我只获取所选单选按钮的值,我想获取div
中与所选单选按钮
名称相同的id
信息。
谢谢大家,如果我不明白,我会更新我的问题!一个足够简单的解决方案是在发布之前(在$.ajax
命令之前)将所选收音机的值保留在一个变量中:
然后可以使用该值获取具有相同ID文本的div:
var divCorresponding = $('#' + selectedReadio).text();
在你的问题中,你提到了获取相应DIV的“信息”,这是为了我的理解,它的文本,所以我使用了.text()
在上面的示例中,但您可以通过这种方式获取它的任何属性。我做了2个更改。您发送数月的数据只获取复选框的值,即保存数据的div的id。因此,我创建了一个变量来保存该id,然后在数据部分使用jquery获取具有该id的div,然后抓取div中输入的文本
$('#button-confirm').on('click', function() {
//add this line:
var cbval = $('input[name=months]:checked').val();
$.ajax({
type: 'post',
url: 'index.php?route=payment/leasing_plans/confirm',
cache: false,
data: {
egn: $('#input-payment-egn').val(),
//change this line to:
months: $('#' + cbval).text()
},
beforeSend: function() {
$('#button-confirm').button('loading');
},
complete: function() {
$('#button-confirm').button('reset');
},
success: function() {
location = '<?php echo $continue; ?>';
}
});
$('#按钮确认')。在('click',function()上{
//添加此行:
var cbval=$('input[name=months]:checked').val();
$.ajax({
键入:“post”,
url:'index.php?route=付款/租赁计划/确认',
cache:false,
数据:{
egn:$(“#输入付款egn”).val(),
//将此行更改为:
月份:$('#'+cbval).text()
},
beforeSend:function(){
$(“#按钮确认”)。按钮(“加载”);
},
完成:函数(){
$(“#按钮确认”)。按钮(“重置”);
},
成功:函数(){
地点='';
}
});
很好。让我知道进展如何。好的,我必须在$.ajax
命令前面放第一行,但是第二行?我必须在这里如何使用这个变量:数据:{egn:$('#input payment egn').val(),months:$('input[name=months]:checked').val()},
你能帮我吗?哎呀,我猜文本不在输入字段中。请现在再试。nnnope…我没有收到任何数据添加警报($('#'+cbval).text());作为第三行,告诉我它说了什么。警报正好包含我想要的div!好吧,现在我很困惑。从你发布的代码来看,我假设你想将div中的文本发送到一个web服务:index.php?route=payment/leasing\u plans/confirm。你是说你想要的只是div中的文本吗?
$('#button-confirm').on('click', function() {
//add this line:
var cbval = $('input[name=months]:checked').val();
$.ajax({
type: 'post',
url: 'index.php?route=payment/leasing_plans/confirm',
cache: false,
data: {
egn: $('#input-payment-egn').val(),
//change this line to:
months: $('#' + cbval).text()
},
beforeSend: function() {
$('#button-confirm').button('loading');
},
complete: function() {
$('#button-confirm').button('reset');
},
success: function() {
location = '<?php echo $continue; ?>';
}
});