javascript - 如何设置数组的选定值 - 我有很多次这种形式

Question

我有下拉列表，它是一个数组。单击“添加”按钮时，我正在使用 JavaScript 克隆此下拉列表。所以它出现了很多次并且插入正确。但是，当我尝试设置此下拉列表的选定值时，当我按下提交时，此下拉列表的所有形式的值都变得相同。我认为这是因为我像这样使用 set_select('labeling[]') 作为数组:

<option value=''" . set_select('labeling[]', '') . " role='menuitem'> </option>

但是当我尝试那样使用它时:

<option value=''" . set_select('labeling', '') . " role='menuitem'> </option>

它不设置选定的任何东西。我的观点是:

 <select name="labeling[]" id="labeling" class="dropdown">
                                    <option value=''" . set_select('labeling[]', '') . " role='menuitem'> </option>
                                        <option value="1" <?php echo set_select('labeling[]', '1'); ?> role="menuitem">1</option>
                                        <option value="2" <?php echo set_select('labeling[]', '2'); ?> role="menuitem">2</option>
                                        <option value="3" <?php echo set_select('labeling[]', '3'); ?> role="menuitem">3</option>
                                        <option value="4" <?php echo set_select('labeling[]', '4'); ?> role="menuitem">4</option>
                                    </select>

我该怎么做 - 为每个下拉列表选择值？ :) 谢谢!

我编辑了我的问题。我的整个代码是:

$(document).ready(function () {
   $('.multi-field-wrapper').each(function () {
                var $wrapper = $('.multi-fields', this);
                $(".add-field", $(this)).click(function (e) {
                    var $template = $('.multi-field:first-child', $wrapper).clone(true);

                   
                    $template.find('input', 'select').val('').focus();
                    $template.appendTo($wrapper);
                });
     });

<div class="container multi-field-wrapper">
                <div class="multi-fields">
                    <div class="multi-field">
                        <div class="row">
                            <div class="col-md-4 col-md-offset-1 col-sm-3">
                                <div class="form-group">
                                   <select name="labeling[]" id="labeling" class="dropdown">
                                    <option value=''" . set_select('labeling[]', '') . " role='menuitem'> </option>
                                        <option value="firm1" <?php echo set_select('labeling[]', 'firm1'); ?> role="menuitem">firm1</option>
                                        <option value="firm2" <?php echo set_select('labeling[]', 'firm2'); ?> role="menuitem">firm2</option>
                                        <option value="firm3" <?php echo set_select('labeling[]', 'firm3'); ?> role="menuitem">firm3</option>
                                        <option value="firm4" <?php echo set_select('labeling[]', 'firm4'); ?> role="menuitem">firm4</option>
                                    </select>
                  </div>
                            </div>
</div>
                            </div>
</div>
                            </div>

Answer 1

首先让我们假设您的页面名称是“A.php”。在此页面中创建一个隐藏字段。例如:

<input type="hidden" id="unique_index" value="0" />
<select name="labeling[]">
  <option value="1" <?php echo set_select('labeling[]', '1', TRUE, 0); ?> role="menuitem">1</option>
  <option value="2" <?php echo set_select('labeling[]', '2', FALSE, 0); ?> role="menuitem">2</option>
  <option value="3" <?php echo set_select('labeling[]', '3', FALSE, 0); ?> role="menuitem">3</option>
</select> 

现在，在 javascript 中(您之前克隆的元素是单击按钮时调用的函数)，编写一个 get 调用，如下所示:

var newIndex = $('#unique_index').val();
var cnt = parseInt(newIndex)+1;
$.get( "new_ajax_page_url.php", { counter: cnt} )
  .done(function( data ) {
       data.find('input', 'select').val('').focus();
       data.appendTo($wrapper);
  });

现在在 new_ajax_page_url.php 中，它将只包含:-

$newCounter = $_GET['counter'];

$str = <<<EOD
<select name="labeling[]">
  <option value="1" set_select('labeling[]', '1', TRUE, $newCounter) role="menuitem">1</option>
  <option value="2" set_select('labeling[]', '2', FALSE, $newCounter) role="menuitem">2</option>
  <option value="3" set_select('labeling[]', '3', FALSE, $newCounter); role="menuitem">3</option>
</select>
EOD;

echo $str;

+++++++

希望对你有帮助:赞: