Question

我目前在我的asp表单组中有2个选项值，其中一个代表国家，另一个代表州/省。有什么办法可以交换文字？

例如，当用户选择加拿大时，占位符文本将是省份，而在选择美国时，占位符将是州。

<form>
<div class="form-group">
     <select asp-for="Country" class="form-control" required="required">
         <option value="Canada">Canada</option>
         <option value="U.S">U.S</option>
      </select>
</div>

<div class="form-group">
    <input asp-for="State" class="form-control" placeholder="Province" />
    <span asp-validation-for="State" class="text-danger"></span>
</div>

<button type="submit"> Submit </button>
<form>

Answer 1

您可以使用jquery或javascript实现此功能，请检查下面的代码段。

class Links extends Component {
 render(){
      <ul>
          <li>
            <Link to="/stepOne/">1</Link>
          </li>
          <li>
          <Link to="/stepTwo/">2</Link>
          </li>
          <Link to="/stepThree/">3</Link>
          <li>
          <Link to="/steFour/">4</Link>
          </li>
         </ul>
   }
}
export default Links

Answer 2

您可以通过多种方式进行操作，请参见下面的代码示例

<form>
<div class="form-group">
    <select asp-for="Country" class="form-control" required="required" id="slCountry" onchange="changeCountry()">
        <option value="Canada">Canada</option>
        <option value="U.S">U.S</option>
    </select>
</div>

<div class="form-group">
    <input asp-for="State" class="form-control" id="txtState" placeholder="Province" />
    <span asp-validation-for="State" class="text-danger"></span>
</div>

<button type="submit"> Submit </button>
</form>

<script>
function changeCountry() {
    if ($("#slCountry").val() == "Canada") {
        document.getElementById("txtState").setAttribute("placeholder", "Province")
    } else {
        document.getElementById("txtState").setAttribute("placeholder", "State")
    }
}
</script>

Answer 3

def on_button_clicked(b):
    with out:
        clear_output(True)
        if(b.description == "DBPedia"):
            display(df1)
#         else:
#             clear_output(True)

如果用户选择一个选项，如何更改占位符文本

3 个答案: