Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将内部html输入类型的路径和值传递到<;表格>;?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何将内部html输入类型的路径和值传递到<;表格>;?

Javascript 如何将内部html输入类型的路径和值传递到<;表格>;?,javascript,jquery,html,Javascript,Jquery,Html,我的表格中有一个下拉菜单。当我在其中选择“其他”选项时,会出现一个内部文本框。用户宁愿输入文本,而不是从下拉列表中选择选项如何通过下拉菜单(输入类型=选择)的路径传递用户输入的内部html路径值(输入类型=文本)。我还希望在调用内部html时,应禁用选择输入 这是我的下拉代码 <form:select path="competitorName" name="competitorName" title="Choose a competitor"

我的表格中有一个下拉菜单。当我在其中选择“其他”选项时,会出现一个内部文本框。用户宁愿输入文本,而不是从下拉列表中选择选项如何通过下拉菜单(输入类型=选择)的路径传递用户输入的内部html路径值(输入类型=文本)。我还希望在调用内部html时,应禁用选择输入

这是我的下拉代码

<form:select path="competitorName" name="competitorName" title="Choose a competitor"
                                        onchange="$('#competitor_name').val($.trim($('#myCompetitorId option:selected' ).text()));showfield(this.options[this.selectedIndex].value)"
                                        id="myCompetitorId">
                                        <option value=" ">Please select an competitor</option>
                                        <c:forEach var="competitor" items="${competitors}">
                                            <option
                                                value="<c:out value="${competitor.competitorName}"/>">
                                                <c:out value="${competitor.competitorName}" />
                                            </option>

                                        </c:forEach>
                                        <option value="Other">Other</option>
                                    </form:select>

请选择一个竞争对手
其他
我的javascript代码

<script type="text/javascript">
function showfield(name){
  if(name=='Other')document.getElementById('div1').innerHTML='<font size="0">Name</font><input type="text" name="competitorName" path="competitorName"/>;
  else document.getElementById('div1').innerHTML='';
}
</script>

函数显示字段(名称){
if(name='Other')document.getElementById('div1').innerHTML='name;
else document.getElementById('div1')。innerHTML='';
}

我不知道您的XML或其他什么,但这里有一个函数可能会有所帮助

//<![CDATA[
function selectToText(selectElement, textElement){
  selectElement.onchange = function(){
    if(textElement.value){
      textElement.value = this.value;
    }
    else{
      textElement.innerHTML = this.value;
    }
  }
}

var pre = onload, doc, bod, htm, E;
onload = function(){
if(pre)pre();

doc = document, bod = doc.body, htm = doc.documentElement;
E = function(id){
  return doc.getElementById(id);
}
selectToText(E('yourSelectId'), E('yourTextElementId'));

}
//]]>
//

使用外部JavaScript,将带有
src
属性的
标记放入
中。当然,如果您想使用我的
E
函数,您必须将
'yourSelectId'
'yourTextElementId'
更改为正确的id。

我不知道您的XML或其他什么,但这里有一个函数可能会有所帮助

//<![CDATA[
function selectToText(selectElement, textElement){
  selectElement.onchange = function(){
    if(textElement.value){
      textElement.value = this.value;
    }
    else{
      textElement.innerHTML = this.value;
    }
  }
}

var pre = onload, doc, bod, htm, E;
onload = function(){
if(pre)pre();

doc = document, bod = doc.body, htm = doc.documentElement;
E = function(id){
  return doc.getElementById(id);
}
selectToText(E('yourSelectId'), E('yourTextElementId'));

}
//]]>
//

使用外部JavaScript,将带有
src
属性的
标记放入
中。当然,如果要使用my
E
功能,必须将
'yourSelectId'
'yourTextElementId'
更改为正确的id。

使用
onchange
事件。顺便说一下,
标记已经失效。使用CSS。@PHPglue我如何使用它?XML有什么用?@PHPglue你在说哪个XML?
使用
onchange
事件。顺便说一下,
标记已经失效。使用CSS。@PHPglue我如何使用它?XML有什么用?@PHPglue你说的是哪种XML?
我应该如何在html中调用此函数?你读了我文章的底部了吗?您至少应该对HTML有基本的了解,以执行客户端功能。你可以很容易地在网上查找HTML标签和结构。我应该如何在我的HTML中调用这个函数?你读了我文章的底部了吗?您至少应该对HTML有基本的了解,以执行客户端功能。您可以很容易地在线查找HTML标记和结构。