javascript - javascript更改onblur值

Question

我有 2 个选择和一个文本框。当我选择其中一个选项时，我想更改文本框的 onBlur 值。这是我的代码：

function changeBlurValue(){

    $selection = document.getElementById("searchtype") 
    $onblurvalue= document.getElementById("searchbox") 
    if ($selection.value="location"){
    $onblurvalue.value="Enter a location name";
    };
}

//html

<select name= "searchtype" id="searchtype" onclick="changeBlurValue()">
               <option value="gymname">Gym Name 
               <option value="location">Location
             </select><br><br>
<input name="searchterm" type="text" size="39" style="color:#888;" id="searchbox"
    value="Enter a gym name" onfocus="inputFocus(this)" onblur="inputBlur(this)" />

问题是选择在“位置”是永久性的，我无法将其更改为“健身房名称”

谢谢您的帮助。

Answer 1

问题出在这里：

 if ($selection.value="location"){

你应该把它改成

 if ($selection.value=="location"){

因为你在做一个比较。

Answer 2

我会尝试使用onChange而不是onClick您的选择。

<select name= "searchtype" id="searchtype" onchange="changeBlurValue()">

同时关闭您的<option>标签，例如：

<select name= "searchtype" id="searchtype" onchange="changeBlurValue()">
  <option value="gymname">Gym Name</option>
  <option value="location">Location</option>
</select>