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

我会尝试使用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>

Answer 2

问题在于：

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

您应该将其更改为

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

因为你正在进行比较。

javascript更改onblur值

2 个答案: