Question

选项1＆＃34; 1 - 单位/份量＆＃34;会出现在html模板上吗？我已经将隐藏值更改为1，但它显示默认值＆＃34;选择一个＆＃34;选项。我知道这是一个基本问题，我知道这是正确的。 TNX

＆＃13;

// PageA.ts
import { App, NavController, NavParams } from 'ionic-angular';

constructor(public app: App) {
    .....
}
approve(id){
   this.wf.changeStatus(id).then(() => {
            let tabsRoot = this.app.getRootNav();
            tabsRoot.pop(); 
   });
}

＆＃13;

Answer 1

只需添加＆＃34;已选择＆＃34;默认情况下要选择的选项的关键字"Selected keyword"

Answer 2

您可以在第一个选项中添加selected属性，并使用JQuery或JS将$(document).ready(function() { $('#default-val').prop('selected', true); });属性添加到该元素。

JQuery的：

var d = document.getElementById('default-val');
d.setAttribute('selected', 'selected');

Pure JS：

＆＃13;

<select class="form-control" id="H_MEALS_SC" >
  <option value=''>Select One</option>
  <option value="1" id="default-val" > 1 - Unit/servings</option>
  <option value="2" > 2 - Sachet</option>
  <option value="3" > 3 - Pack</option>
</select>
     <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC" value="1" />

＆＃13;

{{1}}

＆＃13;

Answer 3

使用jQuery设置值。

<html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#H_MEALS_SC").val('1');
            });
            
        </script>
    </head>
<body>
    <select class="form-control" id="H_MEALS_SC">
        <option value=''>Select One</option>
        <option value="1"> 1 - Unit/servings</option>
        <option value="2"> 2 - Sachet</option>
        <option value="3"> 3 - Pack</option>
    </select>
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC_1" value="1" />
</body>

</html>

关于选择选项的基本html

3 个答案: