标签: html-select

我有一个选择选项表单字段设置，如下所示：

<select name="options[]" multiple="multiple">
  <option value="1" selected="selected">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

用户可以选择多个选项，但我希望选择第一个选项并始终保持选中状态。用户不应取消选择第一个选项，基本上使其成为必填字段。

是否有可能做到这一点？我不介意使用 JavaScript 或 Jquery 来实现这一点，我尝试将选项设置为“已选择”和“已禁用”，但用户仍然可以取消选择第一个选项。

干杯

埃夫

我正在使用第三方jQuery插件，该插件获取<select>元素的值，设置和首选项，并将其替换为自定义小部件。

如何找出<select>元素的默认值？

这是我的代码

$sql = "SELECT distinct s.doc_id, s.pat_id, s.approved, p.pat_fullname, p.pat_id from patient p, subscribe s WHERE s.doc_id = '$doc_id' AND s.approved = '1' AND s.pat_id = p.pat_id;";
$result = mysql_query($sql);
while ($row = mysql_fetch_array($result))
{
    $patname = $row['p.pat_fullname'];      
    echo "<label>Patient:</label>";
    echo "<option value='$patname'>$patname</option>";

}

注意:第60行的C:\ Program Files(x86)\ EasyPHP-5.3.9\www\PHR system\doc_patdoc.php中的未定义索引:p.pat_fullname

以上是浏览器的通知.sql查询肯定是有效的,因为我在我的数据库中尝试过它.那么我应该放什么行的名称而不是p.pat_fullname？

我们在表格中选择了4个选项.我的客户希望以某种方式对选项进行分类,以便我们可以在顶部相关选项上添加一些文本.它看起来像:

<select>
   Cat 01
   <option value="Some Value">Some Option</option>
   <option value="Some Value">Some Option</option>
   Cat 02
   <option value="Some Value">Some Option</option>
   <option value="Some Value">Some Option</option>
</select>

我知道上面不是有效的标记.我知道我可以将Cat01和Cat02作为没有值的选项,但我想知道是否有有效的代码或更合适的解决方法吗？

我正在尝试为一个网站创建一个测试用例,其中包含一个包含3个链式选择的表单.加载网页时默认填充第一个选择.如果选择了第一个选择中的任何选项,则通过ajax调用填充第二个选择.以相同的方式,当在所选的第二个选项上选择一个选项时,通过ajax调用填充第三个选项.最后,当在第三个选择上选择一个选项时,将使用我需要验证的信息填充html表.

三个互连的选择具有此结构

<select id="s1" name="s1"> 
 <option value="1">Option1</option>
 <option value="2">Option2</option>
 <option value="3">Option3</option>
</select>

 <select id="s2" name="s2"></select>

 <select id="s3" name="s3"></select>

我确信该网站使用Jquery来进行ajax调用.有人用或知道用casperJs创建这个案例的干净方法吗？

我正在尝试模拟一个 javascript 以从下面的下拉列表中进行选择。我在这里尝试此代码，但它不起作用。

$('select[name="srctype"]').val(2).trigger('change');

我在这里做错了吗？我的javascript是否因为下面的代码布局而搞砸了？

我正在努力选择 value="single"

<select name="srctype" class="formselect" onchange="typesel_change()">
    <option value="any" selected="selected">any</option>
    <option value="single">Single host or alias</option>
    <option value="network">Network</option>
    <option value="pptp">PPTP clients</option>
    <option value="pppoe">PPPoE clients</option>
    <option value="l2tp">L2TP clients</option>
    <option value="wan">WAN subnet</option>
    <option value="wanip">WAN address</option>
    <option value="lan">LAN subnet</option>
    <option value="lanip">LAN address</option>
</select>

我正在尝试创建一个下拉选择菜单,其中包含三个选择框,其中第三个框将根据在第一个选择框中选择的选项显示/隐藏特定选项.

我想知道这里是否有人能够提出解决方案.

这是我所拥有的3个选择框的简化版本:

<select class="product" id="select_1" name="product">
  <option selected="selected" value=""> Choose Category </option>
  <option value="Mens Suits"> Mens Suits </option>
  <option value="Womens Suit"> Womens Suits </option>
  <option value="Children Suit"> Children Suits </option>
</select>

<select class="color" id="select_2" name="color">
  <option selected="selected" value=""> Choose Color </option>
  <option value="Blue">Blue</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
</select>

<select class="size" id="select_3" name="size">
  <option selected="selected" value=""> Choose Size </option>
  <!-- Mens Sizes Below -->
  <option value="36">36</option>
  <option value="38">38</option>
  <option value="40">40</option>
  <!-- Womens Sizes Below -->
  <option value="30">30</option>
  <option value="29">29</option>
  <option …

AngularJS将ng-model(或data-ng-model)中指定的范围变量绑定到实际<select>元素.因此,每当select更改值时,范围变量都会更新.加载后,Angular将尝试选择其值(不是名称)与控制器中的模型变量匹配的选项.

但是,我们目前看到的是Angular似乎正在使用选项名称(即在HTML中显示的名称)来查找选择何时加载页面的选项.问题出现是因为我们想要在页面加载时选择的默认选项的文本是"Select an option"包含空格的.

这是相关的HTML:

<select class="settings-select-box" name="LOCATION_UPDATE_FREQUENCY"
        id="LOCATION_UPDATE_FREQUENCY"
        data-ng-model="configurations.LOCATION_UPDATE_FREQUENCY"
        data-ng-change="updateSelectList()">

    <option data-ng-repeat="option in frequency"
            data-ng-value="{{option.value}}">{{option.name}}</option>
</select>

以下是在页面加载时运行的AngularJS代码的概要:

$scope.frequency = [{value: "default", name: "Select an option"},
                    {value: "Never",   name: "Never"},
                    {value: "Daily",   name: "Daily"},
                    {value: "Weekly",  name: "Weekly"},
                    {value: "Monthly", name: "Monthly"}];

$scope.configurations.LOCATION_UPDATE_FREQUENCY = "default";

基于我所读到的内容,我原本认为为select "default"的ng-model变量赋值会导致Angular在选项数组中找到这个值,"Select an option"在UI中选择,也不会添加虚拟空项.但这是我们目前看到的:

看起来angular正试图将ng-model变量与名称值匹配$scope.frequency,我们通过测试证实了这一点.

有人能否了解这里发生的事情？

查看代码显示客户端下拉菜单 -

<select ng-model="employee.DeptId" class="form-control ng-pristine ng-invalid ng-invalid-required" required="">
<option disabled="disabled" value="">---Please Select---</option>
 <option ng-repeat="Dep in ShowDep" value="{{Dep.Id}}">{{Dep.Name}}</option>
</select>

编辑案例中的角度代码----

$scope.EmployeeEdit = function (rowNumber) {
args = employeeArr[rowNumber];
$scope.employee.DeptId = args.DeptId;
 }

Vaadin 文档声明它支持Select使用Java 调用的组件.

你怎么访问它？我找不到任何相应的课程.甚至它的安装部分都没有提到它.