Question

<select >
  <option  value="1" selected>One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>
<select >
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>    
<select >
  <option value="1">One</option>
  <option value="2" selected >Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>

我有多个选择框，例如已经选择了第一个选择框1，因此，如果我将选项值1更改为2，然后将选择的值更改为1，其中选择框2已被选择

我在做

function getval(sff,sel){
    var selectval=[];
    $("select > option:selected").each(function(e) {
        if(sel.value==this.value){
            alert(this.value);
            $(this).find('option[value="2"]').prop('selected', true); 
        }
    });  
}

Answer 1

您需要在主选择的更改事件侦听器中选择const gulp = require('gulp'); const rename = require('gulp-rename'); const sass = require('gulp-sass'); const uglify = require('gulp-uglify'); const autoprefixer = require('gulp-autoprefixer'); const sourcemaps = require('gulp-sourcemaps'); const browserify = require('browserify'); const babelify = require('babelify'); const source = require('vinyl-source-stream'); const buffer = require('vinyl-buffer'); let styleSource = 'src/scss/style.scss'; let styleDestination = './build/css/'; let styleWatch = 'src/scss/**/*.scss'; let jsSource = 'main.js'; let jsFolder = 'src/js/'; let jsDestination = './build/js/'; let jsWatch = 'src/js/**/*.js'; let jsFILES = [jsSource]; let htmlWatch = '**/*.html'; /* Converting Sass to CSS */ gulp.task('styles',function(){ return gulp.src(styleSource) .pipe(sourcemaps.init()) .pipe(sass({ errorLogToConsole: true, outputStyle: 'compressed' })) .on('error', console.error.bind(console)) .pipe(autoprefixer({ browsers: ['last 2 versions'], cascade: false })) .pipe(rename({suffix:'.min'})) .pipe(sourcemaps.write('./')) .pipe(gulp.dest(styleDestination)); }); /* Converting ES6 to Vanilla JS */ gulp.task('js',function(){ return jsFILES.map(function(entry){ return browserify({ entries: [`${jsFolder}${entry}`] }) .transform(babelify, {presets:['env']}) .bundle() .pipe(source(entry)) .pipe( rename({extname:'.min.js'}) ) .pipe(buffer()) .pipe(sourcemaps.init({loadMaps: true})) .pipe(uglify()) .pipe(sourcemaps.write('./')) .pipe(gulp.dest(jsDestination)) }); }) // default task to run all tasks const compile = gulp.parallel(['styles','js']); compile.description = 'Compile all styles and js files'; gulp.task('default', compile); // watch default const watch = gulp.series('default', function(){ // ,'browser-sync' // keep running, watching and triggering gulp gulp.watch(styleWatch, gulp.parallel('styles')); //, reload gulp.watch(jsWatch, gulp.parallel('js')); //, reload gulp.watch(htmlWatch); }); watch.description = 'watch all changes in every files and folders'; gulp.task('watch', watch);标记的目标选项。因此，选择select的相关选项，并向其中添加select属性。

selected

$(".main").change(function(e) {
  $(this).siblings("select").find("option[value='"+$(this).val()+"']").prop("selected", true);
});

根据特殊选择的选择选项选择多项选择的相关选项

1 个答案: