php - 使用 JavaScript 设置 HTML 选择值

Question

index.php

<script type="text/javascript">
function setActionStar(btnValue) {
 var actionstar = document.getElementById('actionstars');

 alert(btnValue);
 alert(actionstar.value);

 actionstar.value = btnValue;
 return false;
}
</script>

<form> 
 <?php
  $actionstars = array("Jean Claude Van Damme", "Scott Adkins", "Dolph Lundgren", "Michael Jai White");

  $ctr = 1;
 ?>

 <select id="actionstars" name="actionstars">
  <?php
   foreach($actionstars as $as){
    echo "<option value=" . $ctr . " >" . $as . "</option>";
    $ctr++;
   }
  ?>
 </select>

 <br />

 <?php
  for($i=1; $i<= count($actionstars); $i++) {
 ?>
 <input type="submit" value="<?php echo $i; ?>" onclick="setActionStar(this.value);" />
 <?php
  }
 ?>
</form>

我已经处理这个困境近两个小时了。我不知道这有什么问题。我想做的是，每当用户单击按钮时，它都会将组合框值更改为按钮的值。例如，如果我点击按钮 1，组合框的值为 1。它可以与其他 HTML 元素一起使用，但我不知道为什么它在这里不适用。

我对编程很陌生，所以不要对我严厉。请不要以为我没有为此付出努力。只是我不知道自己在做什么。请帮忙。

Answer 1

使用 select 元素的 selectedIndex 属性来设置所选索引:

actionstars.selectedIndex = 0;

您只需从 btnValue 中找出正确的值，而不是将其设置为 0。

另请参见此处:http://www.w3schools.com/jsref/prop_select_selectedindex.asp