Question

我正在尝试使用第一个选择框来设置第二个选择框，具体取决于第一个值。目前，我正在尝试将第二个选择框设置为值＆＃39; 2＆＃39;因为我甚至无法改变它。我试过这个......

if($row["usesize"] == 1){
                        ?>
                        <table><tr><td><input type="hidden" name="on0" value="Size">
                            <td><select name="os0" onchange="$('#testid').val('2').change();">
                                <?php
                                if($conn){
                                    $query = "SELECT size, color, quantity FROM `".$item."` group by size";
                                    $result5 = $conn->query ($query);
                                    if($result5->num_rows > 0){
                                        while($row5 = $result5->fetch_assoc()){
                                            ?>
                                            <option value="<?php echo $row5["size"];?>"><?php echo $row5["size"];?>
                                            <?php
                                        }
                                    }
                                }else{
                                    echo "Error".mysqli_error($conn);
                                }
                                ?>
                            </select>
                            <?php
                        }
                        if($row["usecolors"] == 1){
                            ?>
                            </td></tr><tr><td><input type="hidden" name="on1" value="Color">
                            <td><select name="os1" id="testid">
                                <option value="1">Test 1
                                <option value="2">2
                                <option value="3">Test 3
                            </select>
                        </td></tr>
                        <?php
                        }

我尝试过寻找其他方法，但他们似乎都回到了这个选项。

<select name="os0" onchange="$('#testid').val('2').change();">

Answer 1

这是一个简化的示例，它使用onchange事件将第二个选择框设置为与第一个相同的值。

window.onload = function(){
  var selectOne = document.getElementById('selectOne');
  var selectTwo = document.getElementById('selectTwo');
  selectOne.onchange = function(e){
    selectTwo.value = e.target.value;
  }
}

<select id="selectOne">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<select id="selectTwo">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

使用选择设置第二个选择

1 个答案: