Javascript 将选择字段值和文本字段值连接到一个文本字段中
我有以下表单字段Javascript 将选择字段值和文本字段值连接到一个文本字段中,javascript,php,jquery,html,laravel,Javascript,Php,Jquery,Html,Laravel,我有以下表单字段 <input type="text" id="domain" name="domain"> <select id="sub" name="sub"> <option value="TEST.SITE">TEST.SITE</option> </select> <input type="hidden" id="full" name="full"> 试验场地 如何连接用户输入的文本字段和选择字段并将其插入
<input type="text" id="domain" name="domain">
<select id="sub" name="sub">
<option value="TEST.SITE">TEST.SITE</option>
</select>
<input type="hidden" id="full" name="full">
试验场地
如何连接用户输入的文本字段和选择字段并将其插入第三个隐藏字段
场
例:
文本字段:你好
选择字段:TEST.SITE
完整字段的值应为:HELLO.TEST.SITE您可以使用
jQuery
进行相同的操作:
$(function(){
$("#formId").on("submit", function(){ // change your formId here
const domain = $("#domain").val(); //get domain value
const sub = $("#sub").val(); // get sub value
$("#full").val(domain + "." + sub); // join them with .
})
})
您可以使用此代码,它将更改子文本字段的
Blur
事件上的隐藏字段,
您可以根据需要更改事件
<script src="https://code.jquery.com/jquery-3.4.1.min.js" ></script>
<input type="text" id="domain" name="domain">
<select id="sub" name="sub">
<option value="TEST.SITE">TEST.SITE</option>
</select>
<input type="hidden" id="full" name="full">
<script>
$(document).ready(function(){
$('#domain').on('blur', function(){
var domain = $('#domain').val();
var sub = $('#sub').val();
var full = domain + '.' + sub;
$('#full').val( full );
});
});
</script>
试验场地
$(文档).ready(函数(){
$('#域')。在('blur',function()上{
var domain=$('#domain').val();
var sub=$('#sub').val();
var full=域+'.'+sub;
$('full').val(full);
});
});
工作示例:是否要使用点“.”加入它们?是的,需要保存值,如ABC.TEXT.SITEhi我尝试过,但当我尝试在db中保存值时,它表示该字段有空值。我已更新了代码。在此代码中更改您的
formId
。由于传递空值,因此无法将值保存在数据库中。。