Question

我想创建一个对象数组，该对象数组将第一个下拉键与第二个下拉值进行映射...需要从php获取对象数组类似地，在选择层下拉列表时，费用下拉列表应该更新，费用也应该更新在输入框中。

示例：如果我在第一个下拉列表中选择1级，那么它应该在第二个下拉列表中更改“第1到100卢比”，并且输入字段的更新值应为100。

define('TIER_LIST', json_encode(
     array(
        '1' => 'Tier 1',
        '2' => 'Tier 2',
        '3' => 'Tier 3',
     )
 ));

  define('FEE_LIST', json_encode(
  array(
    '1' => 'Tier 1 -100 Rupees ',
    '2' => 'Tier 2 -200 Rupees',
    '3' => 'Tier 3 -300 Rupees',
  )
  ));

$tierList = json_decode(TIER_LIST,true);
$feeList = json_decode(FEE_LIST,true);

  // drop down fields
<select class='browser-default selectField' id="TierSelection">
                        <option value="">Choose your option</option>
                        <?php foreach($tierList as $value => $text) { ?>
                            <option value="<?php echo $value; ?>"><?php echo $text; ?></option>
                        <?php } ?>
                    </select>

<select class='browser-default selectField' id="FeeSelection">
                        <option value="">Choose your option</option>
                   <?php foreach($tierList as $value => $text) { ?>
 <option value="<?php echo $value; ?>"><?php echo $text; ?></option>
                        <?php } ?>
                    </select>

  <input type = "text" id = "feeValue">

 var objArray = {tierdropdownkey : feedropdownValue } --->doubt in this creation # should not hard code

    $("#tierDropDownId").change(function()
   {
     var ddText = $(this).val();
   $.each(objArray,function(key,value)
   {
    if(ddText == key)
        $("#feeDropDownId").val(value);
    });
    });

Answer 1

我已通过添加<path d=...>更新了您的代码。我也测试了这段代码，效果很好。

您需要如何对此进行更多修改如果有人尝试在第一位置选择选项02，会发生什么。因此，为进行验证，请修改Java脚本。

jquery

从下拉列表中获取值并将其填充到另一个下拉列表中，也用于输入字段

1 个答案: