<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="${f:url('/css/stylesheet.css')}">
<script type="text/javascript">
function add(btn) {
btn.disabled = true;
var frm = document.getElementById("form1");
frm.action += "add";
frm.submit();
}
function change(){
if (event.keyCode == 13){
alert("文字が「" + Myfm.txt.value +"」に変更されました");
}
else
return
}
function SetdefaultData(textObj,selectObj){
for(i=0;selectObj.length>i;i++){
<%--alert(frmObj.elements["deptId_test"].value);--%>
if(selectObj.options[i].value == textObj.value){
selectObj.options[i].selected = true;
<%--alert("ttt"+f.options.value);--%>
break;
}else{
selectObj.options[0].selected = true;
}
}
}
</script>
</head>
<body>
<s:form method="POST" styleId="form1">
<tiles:insert template="/WEB-INF/view/common/layout.jsp" flush="true">
<tiles:put name="content_menu" type="string">
<c:choose>
<c:when test="${id == null}">
<button onclick="add(this)">登録</button>
</c:when>
<c:otherwise>
<s:submit property="update" value="更新"/>
</c:otherwise>
</c:choose>
</tiles:put>
<tiles:put name="content" type="string">
<div id="content" class="content_scroll">
<html:errors/>
<table class="data" style="width:300px;">
<tr>
<th class="data" style="width: 100px;">ID</th>
<td class="data" style="width:150px;">
${id}<html:hidden property="id"/><html:hidden property="versionNo"/>
</td>
</tr>
<tr>
<th class="data">従業員番号</th>
<td class="data">
<html:text property="empNo" size="12" maxlength="10" errorStyleClass="error"/></td>
</tr>
<tr>
<th class="data">従業員名</th>
<td class="data">
<html:text property="empName" size="26" maxlength="20" errorStyleClass="error"/></td>
</tr>
<tr>
<th class="data">雇用日</th>
<td class="data">
<html:text property="hiredate" size="12" maxlength="10" errorStyleClass="error"/>
</td>
</tr>
<tr>
<th class="data">給与</th>
<td class="data">
<html:text property="sal" size="10" maxlength="8" errorStyleClass="error"/>
</td>
</tr>
<tr>
<th class="data">管理者ID</th>
<td class="data">
<html:text property="mgrId" size="12" maxlength="10" errorStyleClass="error"/>
</td>
</tr>
<tr>
<th class="data">部門名</th>
<td class="data">
<html:select property="deptId">
<option value=""></option>
<html:options collection="deptList" property="id" labelProperty="deptName"/>
</html:select>
</td>
<html:text property="deptId_test" size="12" maxlength="10" onkeydown="SetdefaultData(this.form.elements['deptId_test'],document.getElementById('testID'))" onkeyup="SetdefaultData(this.form.elements['deptId_test'],document.getElementById('testID'))"/>
</tr>
<tr>
<th class="data">SELECT OPTION</th>
<td class="data">
<html:select property="testID">
<option value="C"></option>
<html:options collection="testList" property="KeyData" labelProperty="ValData"/>
</html:select>
</td>
</tr>
</table>
<html:hidden property="versionNo"/>
</div>
</tiles:put>
</tiles:insert>
</s:form>
</body>
</html>
分享到：
相关推荐
这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素，并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**： ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...
在JavaScript（JS）编程中，动态添加Select中的Option元素值是一项常见的需求，特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能，并提供一个实际的案例来演示这一过程。 首先，我们要理解HTML...
然而，原生的`<option>`元素并不支持直接添加图片，但通过一些JavaScript和CSS的技巧，我们可以实现自定义带有图片的`<option>`效果。以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 ...
根据提供的文件信息，我们可以了解到如何使用jQuery来获取HTML中select标签的选中项（option）的值（value）和文本内容（text）。以下是详细的知识点： 1. 引入jQuery库：要使用jQuery操作DOM元素，必须先引入...
options.forEach(optionText => { const opt = document.createElement('option'); opt.value = optionText; opt.innerHTML = optionText; select.appendChild(opt); }); // 将select元素添加到DOM ...
如何获取select下拉框的值： 1.下拉框的option没有value属性时 代码如下: <select id=”param1″> <option>学号</option> <option>姓名</option> <option>年龄</option> </seclect> [removed] [removed] = ...
要修改 `<select>` 中的 `<option>`，可以通过获取其索引位置并赋值一个新的 `<option>` 对象来实现： ```javascript function modifyOption(selectElement, index, newText, newValue) { var newOption = new ...
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
javascript 获取select ->option中id、value、label属性及<option></option>中内容
- `$(".formc select[name='country'] option[selected]")` 表示选择具有 `name` 属性且值为 `country` 的 `<select>` 元素内的具有 `selected` 属性的 `<option>` 元素。 - `$("#select").empty()` 用来清空指定 `...
总的来说，为"select option"添加鼠标提示功能是提升用户界面友好性的重要手段。通过熟练掌握HTML、CSS和JavaScript，开发者可以创建出更加智能、人性化的网页和应用。同时，不断学习和研究相关的IT资源，如压缩包中...
静态二级联动 js 调取数据 带有 option 值
简单的例子，点击按钮就删除掉option，也可以通过jquery加载的时候进行删除。
本文将通过一个具体的应用场景来探讨如何在Webdynpro for ABAP中使用Select Options功能。该应用场景涉及展示一个选择屏幕，用户可以在其中输入航空公司的ID（类型为S_CARR_ID），并在表格控件中显示所输入的值。 #...
总结来说，本文详细讲解了 Select-Option 在 Webdynpro 中的应用，包括如何新建组件、添加 Select-Option 组件、建立局部节点、设置 Table 控件的 ID、绑定节点、添加 Attributes 和使用 Methods 等内容。
下面将详细介绍如何使用 JavaScript 来操作 `<select>` 和 `<option>`。 #### 1. 动态创建 Select 控件 ```javascript function createSelect() { // 创建一个新的 select 元素 var mySelect = document....
JQuery提供了`.val()`方法来获取或设置选中的`option`值，以及`.append()`和`.remove()`方法来添加或移除`option`。 ```javascript var $selectBox = $('#mySelect'); $selectBox.append('<option value="newValue...
以下是一个简单的示例，展示了如何通过ID找到`<select>`元素，然后设置特定`<option>`为选中状态： ```javascript // 获取select元素 var selectElement = document.getElementById('mySelect'); // 获取要设为...
总结来说，这个基于jQuery的自定义下拉框JS插件通过将图标地址插入到`<option>`的`title`属性中，实现了带图标的下拉框，支持选项分组，使得原本单调的`<select>`元素变得更加生动和易用。对于任何希望提升网站或...
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....