Question

我需要在使用jquery

创建的选择框中更改文本框的值

 <?php for($i=0;$i<5 ;$i++) { ?>
<select  id="<?php echo 'aaa'.$i ?>" class="<?php echo 'aaa'.$i ?>">
                    <?php for($i=0;$i<5 ;$i++) { ?>
  <option value="1112" data-xyz="dynamic_value " data-abc="dynamic_value">dynamic_value</option>
            </select>
             <input  type="hidden"  class="<?php echo 'bbb'.$i ?>" id="bbb" name="<?php echo 'bbb'.$i ?>"/>
            <input type="hidden"   class="<?php echo 'ccc'.$i ?>" name="<?php echo 'ccc'.$i ?>" id="ccc" />
                       <?php } ?>
                         <?php } ?>






            <script>
$('.aaa').change(function () {
var otherValue=$(this).find('option:selected').attr('data-xyz');
var someOtherValue=$(this).find('option:selected').attr('data-abc');
$('.bbb').val(otherValue);
$('.ccc').val(someOtherValue);
});
</script>

如何在jquery中更改值类bbb0-bbb5而不在jquery中使用循环

Answer 1

请勿更新class中的php-loop个名称，班级不必为unique。

要选择input:hidden元素，无需指定ID属性

$('.aaa').change(function() {
  var otherValue = $(this).find('option:selected').attr('data-xyz');
  var someOtherValue = $(this).find('option:selected').attr('data-abc');
  $(this).siblings('.bbb').val(otherValue);
  $(this).siblings('.ccc').val(someOtherValue);
});

<?php for($i=0;$i<5 ;$i++) { ?>
<select id="<?php echo 'aaa'.$i ?>" class="aaa">
  <?php for($i=0;$i<5 ;$i++) { ?>
  <option value="1112" data-xyz="dynamic_value " data-abc="dynamic_value">dynamic_value</option>
</select>
<input type="hidden" class="bbb" name="<?php echo 'bbb'.$i ?>" />
<input type="hidden" class="ccc" name="<?php echo 'ccc'.$i ?>" />
<?php } ?>
<?php } ?>

如何在使用循环创建的表单中选择输入字段的值

1 个答案: