Javascript 在ajax查询中从div获取数据

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')

我对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').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; ?>';
    }
});