Javascript JQuery根据下拉菜单中的选择更改值

使用JQuery，我试图创建一个下拉菜单，然后根据人们在菜单中选择的内容更改搜索输入元素上的某个值

到目前为止，我已经找到了如何针对需要更改的值。我还获得了它，因此如果有人从菜单中进行任何选择，它会将搜索输入值更改为一个特定值：

<div> 
 <form action="setColor" method="post">
   <fieldset>
     <label for="color">Select A Color</label>
       <select name="color" id="color">
           <option>Blue</option>
           <option selected="selected">Red</option>
           <option>Yellow</option>
      </select>
   </fieldset>
  </form>
</div>


<script> 

  $(function() { 
   $('select[name="color"]').change(function() {
     $('input[name="ancestorId"]').val("9999");
   });
 });

</script> 

---

我仍然在看例子，并将继续尝试，但有点卡住了。感谢您的建议。

您应该将价值分配放在选项元素中，因为它们的设计正是为了：

<select name="color" id="color">
    <option value="9999">Blue</option>
    <option value="8888" selected="selected">Red</option>
    <option value="7777">Yellow</option>
</select>

请注意，chained.change调用将触发刚刚分配的更改事件，以便在页面加载时将预选项的值填充到文本字段中

在行动中看到它：

$function{ $'color'.change函数{ $'祖先'.val$this.val； }.change；//触发事件 }; 蓝色 红色 黄的

---

您应该将值分配放在选项元素中，因为它们是为以下目的而设计的：

<select name="color" id="color">
    <option value="9999">Blue</option>
    <option value="8888" selected="selected">Red</option>
    <option value="7777">Yellow</option>
</select>

请注意，chained.change调用将触发刚刚分配的更改事件，以便在页面加载时将预选项的值填充到文本字段中

在行动中看到它：

$function{ $'color'.change函数{ $'祖先'.val$this.val； }.change；//触发事件 }; 蓝色 红色 黄的

---

你为什么不给你的期权一个价值？这些价值从何而来？9999和8888是什么意思？或者它们只是一种表现？用它作为菜单的原材料。值会有帮助吗？这些是我想插入的表示形式，只是更长的数字。为什么不给选项一个值？这些值将从何而来？9999和8888是什么意思？或者它们只是一种表现？用它作为菜单的原材料。值会有帮助吗？这些是我想插入的表示，它们只是更长的数字。太好了。工作完美。谢谢，太好了。工作完美。谢谢

$(function() { 
    $('#color').change(function() {
         $('#ancestor').val($(this).val());
    }).change(); // Trigger the event
});