更改文本值的范围，其中类匹配选择字段选项的属性。

以下是使用JavaScript实现更改文本值范围的示例代码：

HTML代码：

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>
<input type="text" id="myText">

<button onclick="changeText()">更改文本值的范围</button>

JavaScript代码：

function changeText() {
  var select = document.getElementById("mySelect");
  var text = document.getElementById("myText");

  // 获取选中的选项的值
  var selectedOption = select.value;

  // 根据选中的选项更改文本值范围
  switch (selectedOption) {
    case "option1":
      text.value = "范围为1-10";
      break;
    case "option2":
      text.value = "范围为11-20";
      break;
    case "option3":
      text.value = "范围为21-30";
      break;
    default:
      text.value = "无效的选项";
      break;
  }
}

在上述示例中，我们首先通过document.getElementById()方法获取<select>元素和<input>元素。然后，我们使用switch语句根据选中的选项更改文本值范围。最后，我们将更改后的文本值设置为<input>元素的值。

当点击"更改文本值的范围"按钮时，将调用changeText()函数来执行更改文本值的操作。