從下拉列表中重新分配選定的值？

Question

我正在嘗試從下拉列表中重新分配選定的值，但是我不確定如何執行此操作。 我嘗試了幾件事，但是還沒有運氣...

1）that.value =“ Aqua”;

2）$（that）.val（“ Aqua”）;

3）$（that）.attr（“ value”，“ Aqua”）;

任何幫助，將不勝感激。

<select onchange="yesnoCheck(this);" name="name" id="selectedColor" required >
  <option value="" selected>Select an Option</option>
  <option value="Blue">Option 1</option> 
  <option value="Orange">Option 2</option> 
  <option value="Red">Option 3</option>       
</select>

<script>
function yesnoCheck(that) {
    if (that.value == "Blue" ) {

           that.value = "Aqua";  /* <----- re-assign the value */

          /*  commented out */
          /* $(that).val("Aqua");
           $(that).attr("value", "Aqua"); */ 

    }
    ...
}

Answer 1

您的問題有點令人困惑

您的意思是您選擇后更改文本嗎？ 您可以執行以下代碼

</script>
<select onchange="yesnoCheck(this);" name="name" id="selectedColor" required >
  <option value="" selected>Select an Option</option>
  <option id="change" value="Blue">Option 1</option> 
  <option value="Orange">Option 2</option> 
  <option value="Red">Option 3</option>       
</select>

<script>
function yesnoCheck(e) {
    if (e.value == "Blue" ) {

           $("#change").text("Aqua"); 
    }    
}
</script>

或者，您要將選項值從“藍色”更改為“水色”，然后

$("#change").val("Aqua");